목록웹개발 (23)
Romantic Developer : )
ㅁ안녕하세요 영감을 주는 개발자 방민방민입니다. 오늘은 자바스크립트에서 객체에 대해서 실습을 해보고자 합니다. 본 포스팅은 코드카데미 자바스크립트 코스의 "Contack List" 를 바탕으로 쓰였습니다.(참조:https://www.codecademy.com/en/tracks/javascript) 그럼 바로 시작하겠습니다! 1.Object 생성 friends 라는 오브젝트 내부에 June , Bill, Steve 라는 오브젝트를 생성합니다. var friends = { june: { }, bill:{ }, steve:{ } }; 그리고 각각의 june, bill, Steve 가 firstName, lastName, number, array 값으로 address 를 갖도록 하고 각각의 값을 아래와 같이 초..
안녕하세요 영감을 주는 개발자 방민방민입니다. 오늘은 JavaScript에서 객체에 대하여 알아보고자 합니다. 이 내용은 JavaScript 에 있어서 굉장히 이론적인 객체 내용만을 다루고자 합니다. 자바에서도, Ruby, Rails 에서도 객체 객체 ,,, 하는데 도대체 객체가 무엇인지 항상 어려웠습니다. 이번 포스팅을 통해서 저도 객체에 대해서 조금 더 완벽하게 이해해 보고자 합니다. 이 글을 읽게되는 여러분들도 이 포스팅을 통해 객체에 대한 개념을 확실하게 잡을수 있도록 노력해보겠습니다! 본 포스팅은 "프론트엔드 개발자를 위한 자바스크립트 프로그래밍" 교재를 바탕으로 만들어 졌습니다.그러면 시작해 볼까요?? 1. JavaScript에서의 객체 객체지향 ( Object - Oriented: OO) 언..
안녕하세요 영감을 주는 개발자 방민방민입니다. 오늘은 지난 시간에 실습한 (Javascript) 자바스크립트 기초실습 (3) 함수사용에 기반하여 가위바위보 게임을 만들어 보려고 합니다. 본 포스팅은 코드카데미 자바스크립트 과정을 토대로한 포스팅입니다.참조 : https://www.codecademy.com/en/tracks/javascript 그럼 바로 시작하도록 하겠습니다. 1. 사용자 입력과 컴퓨터 입력받기 사용자의 입력은 prompt 를 통해 rock, paper, 또는 scissors 를 받습니다.컴퓨터의 입력은 Math.random() 함수를 이용하여 0~1사이의 난수를 받습니다.그리고 입력받은 random 수에 따라 rock, paper 또는 scissors 를 결정하는 if~else if ~..
안녕하세요 영감을 주는 개발자 방민방민입니다. 오늘은 앞서 실습한 자바스크립트의 아주 기본적인 문법에 이어 조금더 나아가Functions 에 대하여 알아보고 이를 활용하는 방법에 대해서 실습해 보고자 합니다. 본 포스팅은 코드카데미 자바스크립트 과정에서 Functions 파트를 기반으로 만들어 졌습니다.참조 : https://www.codecademy.com/en/tracks/javascript 그러면 바로 시작하도록 하겠습니다. 1. JavaScript Functions ?! 프로그래밍은 마치 요리를 하는 것과 같습니다. 어떠한 조리법에 따라 어떠한 재료를 얼만큼 넣는지에 따라다른 요리가 완성되기 때문입니다. 기본적인 함수를 호출하는 내용은 아래와 같이 생겼습니다. var divideByThree = ..
안녕하세요! 영감을 주는 개발자 방민방민입니다. 지난 시간에 이어 자바스크립트 기초 문법 중 조건문, 반복문 등에 대하여 알아보는 시간을 갖고자 합니다. 바로 시작하도록 하겠습니다. 1. if 문 if 문은 프로그래밍에서 가장 많이 사용하는 제어문입니다. if 문의 문법은 아래와 같습니다. if (조건문) { statement1; } else { statement2; } 조건문에 따라 조건문이 참인경우 statement1 이 , 거짓인 경우에는 statement2 가 실행됩니다. 여러가지의 조건문을 사용하기 위해서는 if ~ else if ~ else 문을 사용합니다. 문법은 아래와 같습니다. if (조건문) { statement1; } else if(조건문2) { statement2; } else { ..
안녕하세요~ 영감을 주는 개발자 방민방민입니다. 오늘은 자바스크립트 기본 문법에 대해서 조금더 디테일하게 공부를 해보고자 합니다.아주 기초적인 자바스크립트 문법에 대해서는 코드카데미와 본 블로그의 자바스크립트 기초(1) 과 (2) 에서 맛보았습니다. 아주 기초적인 내용만 다루었기 때문에 본 포스팅부터 몇회에 걸쳐 자바스크립트의 아주 기초적인 문법을 공부해 보겠습니다. 본 포스팅은 니콜라스 자카스의 책 "프론태엔드 개발자를 위한 자바스크립트 프로그래밍" 을 토대로 만들어 졌습니다. 1. 대소문자 자바스크립트는 대소문자를 구별합니다. 즉 test 와 Test 는 다른 변수입니다. 2. 식별자 자바스크립트에서 식별자는 함수, 변수 등의 이름을 말합니다.보통 소문자로 작성하며 두개의 단어를 연결할때는 myCom..
안녕하세요~ 영감을 주는 개발자 방민방민입니다. 오늘은 지난 javascript 기초 문법에 이어 이를 활용한 간단한 반응형 웹을 만들어 보고자 합니다. 이 포스팅은 저번과 마찬가지로 코드카데미의 javascript 과정에서 "Code your own adventure" 과정을 토대로 작성되었습니다.(참조 : https://www.codecademy.com/en/tracks/javascript) 그럼 시작합니다! 1. confirm 앞선 자바스크립트 기초(1) 이서 배웠던 confirm 기능을 활용하여 사용자의 준비를 확인합니다.confirm("are you ready?"); 2. Old enough to play? 사용자가 충분한 연령대의 사용자인지를 확인하기 위하여 사용자로부터 나이를 입력받고, 이를..
안녕하세요 영감을 주는 개발자 방민방민입니다. 오늘은 Codecademy 커리큘럼에 따라 기초 문법에 대한 공부를 해 내가고자 합니다. 본 포스팅은 아래 코드카데미 Javascript 커리큘럼 중 Introduction of javascript 과정을 기반으로 하여 작성되었습니다. 참고용으로 본 포스팅을 사용하시면 될것입니다. :)(참조 : https://www.codecademy.com/en/tracks/javascript) 그럼 시작합니다. 1. 길이 문자열의 길이를 출력하는 문법은 아래와 같이 length를 사용합니다. 이때 문자열의 길이를 출력하는 length 함수는 공백도 문자로 취급하여 함께 카운트 합니다. javascript 는 객체지향 언어이므로 아래와 같이 간단한 방법으로 함수를 호출하여..
안녕하세요. 영감을 주는 개발자 방민방민입니다. 1. Intro 2018년 7월부로 건국대학교 윤경로 교수님의 연구실에서 학부 연구생으로서 Javascript 기반의 실시간 스트리밍 플레이어 개발을 하게 되었습니다.(저는 아직도 정말 개발을 못합니다. 진짜 초짜 개발자...패기만 가지고 가서 시켜달라고 빌었습니다. ㅠㅠ) 이미 Youtube, 아프리카 TV 혹은 Naver 도 실시간 스트리밍 플레이어를 보유하고 있는 상황에서왜 또 스트리밍 플레이어야? 할 수 있겠지만... 중소기업의 입장에서 유투브나 아프리카TV 가 가지고 있는 스트리밍 플레이어는 그림의 떡입니다... 기술을 사용하려 하면 막대한 자금을 투자해서 기술을 사와야 하죠... Naver의 경우는 실시간 플레이어를 Flash 기반에서 구현하였습..
안녕하세요~ 영감을 주는 개발자 '방민방민' 입니다. 오늘은 CRUD 의 개념중 Read 즉 읽어오기 에 대해 알아보도록 하겠습니다. 더 긴 말은 생략하고 바로 시작하겠습니다. 1. 개념 Read 는 웹 상에서 사용자가 작성한 글을 읽어올수 조회할 수 있는 기능을 말한다. 2. 실습 지난번 Create 를 통해서 사용자의 입력을 받아 DB 상에 저장하는 과정 까지를 다루었습니다.오늘은 Read에 대해 좀 더 알아보도록 하겠습니다. 먼저 게시판에서 어떤 글을 읽기 위해서는 내가 쓴 글이 목록화 되어 보여지면 직관적이고 좋을것 같습니다.아마도 .... 저는 물론 그렇습니다. 그래서 사용자에게 처음으로 보여질 페이지를 index로 내가 써놓은 글들이 목록으로 보여줄 수 있도록 해보겠습니다. 오늘 다룰 실습에 ..