본문 바로가기

📙 자바스크립트 공부19

[js] return의 헷갈렸던 개념 정리!! function test ( x , y ) { if ( x > 2 ) { return; } return x + y } 난 함수 안에 return이 여러개가 나올때 헷갈렸는데, if문에서 x가 2보다 크면 아예 저 function이 실행이 중단되고 (아래까지 가지 않고) 빠져나오는 거였음!!!!! 2022. 12. 14.
[js] 객체 공부 이렇게 복수의 단어로 Key값을 줄때는 "" 로 묶어줘야 한다. let user = { name: "John", age: 30, "likes birds": true }; 대괄호 표기법 여러 단어를 조합해 프로퍼티 키를 만든 경우엔, 점 표기법을 사용해 프로퍼티 값을 읽을 수 없다. // 문법 에러 발생 user.likes birds = true 자바스크립트는 위와 같은 코드를 이해하지 못한다. user.likes까지는 이해하다가 예상치 못한 birds를 만나면 문법 에러를 뱉어낸다. '점’은 키가 '유효한 변수 식별자’인 경우에만 사용할 수 있다. ** 유효한 식별자? '유효한 변수 식별자'엔 공백이 없어야 한다. 또한 숫자로 시작하지 않아야 하며 $와 _를 제외한 특수 문자가 없어야 한다. 키가 유효한.. 2022. 12. 4.
[js] 파이어베이스 연결하는데 계속 보이는 addEventListener ? 넌 구체적으로 뭐하는 친구니? (생활코딩) 파이어베이스 특강을 들으며 쌤이 주신 샘플코드를 하나하나 살펴보는데, 중간중간 계속 나오는 addEventListener 함수 대충 무언가 이벤트가 발생하는걸 계속 듣고있는 리스너라고 생각했는데(ㅋㅋㅋㅋ) 이제 확실히 알고 넘어가야할 것 같아서 생활코딩님이 올려주신 강의를 봤당 ** 생활코딩님 싸이트 addEventListener() - 생활코딩 addEventListener은 이벤트를 등록하는 가장 권장되는 방식이다. 이 방식을 이용하면 여러개의 이벤트 핸들러를 등록할 수 있다. var t = document.getElementById('target'); t.addEventListener('click', function(event){ ale opentutorials.org 첫번째 인자로 event 매개.. 2022. 11. 19.
11/17 자바스크립트 공부 ** 위 포스팅 내용은 모두 아래 싸이트 내용이며, 해당 싸이트 내용을 혼자 공부하면서 정리한 포스팅입니다. https://ko.javascript.info/variables 변수와 상수 ko.javascript.info 모던 마크업 여기서 /path/to/script.js는 사이트의 루트에서부터 파일이 위치한 절대 경로를 나타낸다. 현재 페이지에서의 상대 경로를 사용하는 것도 가능하다. 같은 폴더 내에 있는 파일인 "script.js"를 src="script.js"로 참조하는 것처럼. 물론 아래와 같이 URL 전체를 속성으로 사용할 수도 있다. 복수의 스크립트를 HTML에 삽입하고 싶다면 스크립트 태그를 여러 개 사용하면 된다. … 주의: HTML 안에 직접 스크립트를 작성하는 방식은 대개 스크립트가 .. 2022. 11. 17.
11/16 자바스크립트 공부 ** 이 포스팅은 아래 싸이트의 내용을 혼자 공부하면서 정리한 것! 모든 내용은 아래 싸이트가 원조입니당 https://ko.javascript.info/ 모던 JavaScript 튜토리얼 ko.javascript.info 자바스크립트란? ‘웹페이지에 생동감을 불어넣기 위해’ 만들어진 프로그래밍 언어 자바스크립트로 작성한 프로그램을 스크립트(script)라고 부른다. 스크립트는 웹페이지의 HTML 안에 작성할 수 있는데, 웹페이지를 불러올 때 스크립트가 자동으로 실행된다. 스크립트는 특별한 준비나 컴파일 없이 보통의 문자 형태로 작성할 수 있고, 실행도 할 수 있습니다. 자바스크립트는 브라우저뿐만 아니라 서버에서도 실행할 수 있다. 자바스크립트 엔진(JavaScript engine)이라 불리는 특별한 프.. 2022. 11. 17.
[js] 스파르타 자바스크립트 강의 (~배열까지) node.js = 자바스크립트 문법에 맞게 코딩을 했을때 이것을 해석하는 컴퓨터 전용 번역기 vs Code에서 js파일 만들고 터미널 - new 터미널 생성 > 터미널 node hello.js 이라고 치면, hello world 가 출력된다. node.js는 자바스크립트 파일을 실행할 수 있는 일종의 전용 번역기 > 변수 값을 저장해놓은 데이터 또는 값을 가리키는 일종의 이름표 변수를 사용하면 데이터가 의미하는 바르 정확히 나타낼 수 있고, 나중에 데이터를 사용하기 쉽다. > let 키워드 사용 let 변수이름 = 값 변수(=variable) const는 let과 달리 다시 변수에 값을 재할당할 수 없다.(=상수) *var는 더이상 사용하지 않음 let과 const만 기억하기 기본 타입 number, s.. 2022. 11. 7.