보통의 개발자

본 내용은 생활코딩 이고잉님의 강의 (https://www.opentutorials.org/)를 듣고 개인적인 공부를 위해 기록한 것입니다. 자바스크립트에서는 진정한 의미의 모듈이라는 요소를 제공하지는 않는다. 하지만 자바스크립트가 동작하는 호스트 환경(Node.js, Web browser 등)에 따라 모듈을 다양한 방법으로 구현할 수 있다. 웹 브라우저 환경에서 다른 js 파일 불러오기 sample.html greeting.js function welcome(){ return 'Hello world' } 추후에 공부해야할 라이브러리 : jquery

배열은 연관되어 있는 데이터들을 담아내기 위한 일종의 그릇이다. 객체 역시 연관되어 있는 데이터들을 담아내기 위한 그릇으로 유사하지만, 배열의 경우 데이터들의 index가 자동으로 할당되는 반면 객체에서는 이 index를 사용자가 원하는 값으로 채울 수 있다. 때문에 객체에서의 요소들은 Key와 Value로 불리게 된다. 이 객체는 유사하게 연관배열 또는 맵, 딕셔너리라는 타입이다. 지금 느끼기에는 파이썬의 딕셔너리 타입과 매우 유사한 것 같다. html에서 for문을 이용해 객체를 제어하기 다양한 값을 객체에 담기 grades['show'](); // () 넣어줘야 함 this 변수

본 내용은 생활코딩 이고잉님의 강의 (https://www.opentutorials.org/)를 듣고 개인적인 공부를 위해 기록한 것입니다. 배열을 문자열로 만드는 toString과 join 참고 https://opentutorials.org/course/50/103 join - 생활코딩 요약(Summary) 배열의 원소를 결합해서 하나의 문자열로 만든다. 문법(Syntax) array.join(separator); 인자(Parameters) 인자명 데이터형 필수/옵션 설명 separator string 필수 배열의 원소를 하나의 문자열로 결합할 때 원소와 원소 사이에 위치할 문자열 반환값(Return) string 설명(Description) 첫번째 인자(separator)로 배열의 원소를 결합해서 하..

본 내용은 생활코딩 이고잉님의 강의 (https://www.opentutorials.org/)를 듣고 개인적인 공부를 위해 기록한 것입니다. function 함수명( [인자...[,인자]] ){ 코드 return 반환값 } 파이썬과 동일하게 따로 반환형이 없고, def 대신 fuction 이라는 키워드를 사용한다. 다양한 함수 선언 방법 function numbering(){ i = 0; while(i < 10){ document.write(i); i += 1; } } // 동일한 방법 var numbering = function (){ i = 0; while(i < 10){ document.write(i); i += 1; } } // 익명 함수 (function (){ i = 0; while(i < 1..

본 내용은 생활코딩 이고잉님의 강의 (https://www.opentutorials.org/)를 듣고 개인적인 공부를 위해 기록한 것입니다. === (strict equal operator) 일치 연산자로 === 좌항과 우항이 '정확'하게 같을 때 true 다르면 false가 된다. 여기서 '정확'이란 값 뿐만 아니라 값의 데이터 형까지 일치해야 한다는 의미다. 위처럼 문자열 "1"과 숫자 1이 == 연산자는 의미가 같기 때문에 true를 반환하지만 === 연산자는 의미는 같지만 타입이 다르기 때문에 false를 반환한다. 보통의 언어일 경우 == 연산자도 타입을 따지는 반면 javascript에서는 구분이 되어 있다. 처음에 이 사실을 알았을 때, 문자열로 숫자를 받아 다시 형변환을 거진 후 비교해야 ..

본 내용은 생활코딩 이고잉님의 강의 (https://www.opentutorials.org/)를 듣고 개인적인 공부를 위해 기록한 것입니다. 변수 선언 방법 자바스크립트에서 변수를 선언할 때 파이썬과 같이 따로 타입을 명시하지 않아도 된다. 또한 위에서 보이는대로 정수를 담았던 변수에 문자열을 담아도 된다. 타입과 객체에 대한 심화적 내용과 유효범위를 후에 알아보기

본 내용은 생활코딩 이고잉님의 강좌(https://www.opentutorials.org/)를 듣고 공부를 위해 기록한 것입니다. HTML 페이지에 자바스크립트 문을 작성하기 위한 기본 틀 Math를 이용한 복잡한 계산 Math.pow(3,2); // 9, 3의 2승 Math.round(10.6); // 11, 10.6을 반올림 Math.ceil(10.2); // 11, 10.2를 올림 Math.floor(10.6); // 10, 10.6을 내림 Math.sqrt(9); // 3, 3의 제곱근 Math.random(); // 0부터 1.0 사이의 랜덤한 숫자 이를 이용해 100보다 작은 정수형 난수 만들기 문자열의 기본 다양한 문자열 관련 함수들 그 외 자바스크립트 사전 String - 생활코딩 한줄요약..

HTML = 태그들로 이루어져 있고 각각의 태그는 속성과 값을 가지고 있다. 태그는 부모와 자식관계를 가질 수 있다.조상(상위)부모자식자손(하위)ex) 순서 없는 목록 - 부모     항목 - 자식 닫히는 태그가 없는 태그를 빈 태그라 한다.(or self closing tag)닫히는 태그의 경우 태그 자체로도 콘텐츠에 의해 의미를 가지게 되지만 대부분의 빈 태그들은 속성과 값을 가지게 된다. ~ 제목 문단반복적으로 쓰일 수 없는 틀 같은 태그들 -->반복적으로 쓰일 수 없는 틀 같은 태그들 -->반복적으로 쓰일 수 없는 틀 같은 태그들 --> html 문서의 범위를 나타내는 태그들로 반복적으로 쓰일 수 없는 틀 같은 태그들  기본적인 태그들 ..