목록개발 (46)
Romantic Developer : )
안녕하세요 영감을 주는 개발자 방민방민입니다. 오늘은 자바스크립트 함수가 동작하는 원리를 조금더 심화해서 알아보고자합니다. 자바스크립트에서의 함수는 다른 언어와 조금 다르게 값으로의 성질을 가지고 있습니다. 그렇기 때문에 다양한 형태로 사용이 가능합니다. 함수의 심화학습! 값으로써의 함수 ! 바로 시작하겠습니다. 1.인자로써의 함수(콜백) 함수는 값과 같은 역할을 하기 때문에 다른 함수의 인자로 전달될 수 있습니다.아래의 예제를 한번 보시겠습니다. function cal(func, num){ return func(num) } function increase(num){ return num+1 } function decrease(num){ return num-1 } alert(cal(increase,1));..
안녕하세요 , 영감을 주는 개발자 방민방민입니다. 앞선 자바스크립트 기초문법 및 실습을 통해서 자바스크립트에 가장 기초적인 문법들을 살펴보았습니다. 이제부터는 자바스크립트에서 조금 심화된 내용으로 들어가서 자바스크립트에 대한 이야기를 해보고자 합니다. 본 스크립트는 생활코딩의 javascript 강의를 토대로 작성되었습니다. 1. 유효범위 유효범위는 변수의 수명을 의미합니다. var vscope = 'global'; function fscope(){ var vscope = 'local'; alert(vscope); } fscope(); 위의 코드는 아래와 같은 결과를 알람으로 출력합니다. 그 이유는 함수 내부에서 선언된 vscope(local) 가 함수밖에서 선언된 vscope(global) 에서 우선순..
ㅁ안녕하세요 영감을 주는 개발자 방민방민입니다. 오늘은 자바스크립트에서 객체에 대해서 실습을 해보고자 합니다. 본 포스팅은 코드카데미 자바스크립트 코스의 "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 는 객체지향 언어이므로 아래와 같이 간단한 방법으로 함수를 호출하여..