React, Next를 사용하며 무의식적으로 코드를 치던 나날, javascript가 어떻게 동작하는지도 자세히 모르는데 이래도 되나? 라는 생각이 들어 스터디를 하자!고 다짐했다.
앞으로의 모든 글은 https://ko.javascript.info 의 글을 읽고, 나의 언어로 다시 작성하여, 기억장치에 저장하는 것을 목표로 한다.
소개
자바스크립트란?
웹 페이지에 생동감을 불어넣기 위한 언어
보통 웹페이지의 HTML 안에 작성하거나 불러와서 웹페이지를 불러올 때 스크립트가 자동으로 실행된다.
자바스크립트 엔진에서 돌아가며, 브라우저엔 '자바스크립트 가상 머신'이라는 불리는 엔진이 내장되어있다. ex)크롬 v8
브라우저를 대상으로 만든 언어이기 때문에 메모리나 CPU 같은 저수준 영역의 조작을 허용하지 않는다. 따라서 안전한 프로그래밍 언어라고 표현한 듯 하다!
TypeScript, Dart 등을 트랜스파일(보이지 않는 곳에서 이외의 언어로 자동 변환해해주는 것) 할 수 있다.
메뉴얼
어느 정도 익숙해진 후, 더 필요한 자료가 있을 때 명세서를 참고하면 좋다.
https://ecma-international.org/
영어로 되어 있어 상당히 어질어질하다..
명세서
특정 함수나 메서드와 관련 정보를 찾고 싶을땐, MDN 사이트를 보면 좋다~
나도 몇 번 들어가본 적 있는 것 같다..
https://developer.mozilla.org/ko/
호환성 표
자바스크립트는 끊임없이 변환하기 때문에, 때론 브라우저에서 기능을 지원하지 않을 수 있다.
https://compat-table.github.io/compat-table/es6/
브라우저를 기준으로 한 표 형태
기능을 기준으로 한 표 형태
요즘은 babel 같은 걸로 해결해서, 처음 몇 번 들어가본 적 밖에 없는 듯 하다.
개발자 콘솔
에러를 보고, 고칠 수 있게 해준다!
자바스크립트란?
웹 페이지에 생동감을 불어넣기 위한 언어
보통 웹페이지의 HTML 안에 작성하거나 불러와서 웹페이지를 불러올 때 스크립트가 자동으로 실행된다.
자바스크립트 엔진에서 돌아가며, 브라우저엔 '자바스크립트 가상 머신'이라는 불리는 엔진이 내장되어있다. ex)크롬 v8
브라우저를 대상으로 만든 언어이기 때문에 메모리나 CPU 같은 저수준 영역의 조작을 허용하지 않는다. 따라서 안전한 프로그래밍 언어라고 표현한 듯 하다!
TypeScript, Dart 등을 트랜스파일(보이지 않는 곳에서 이외의 언어로 자동 변환해해주는 것) 할 수 있다.
메뉴얼
어느 정도 익숙해진 후, 더 필요한 자료가 있을 때 명세서를 참고하면 좋다.
https://ecma-international.org/
영어로 되어 있어 상당히 어질어질하다..
명세서
특정 함수나 메서드와 관련 정보를 찾고 싶을땐, MDN 사이트를 보면 좋다~
나도 몇 번 들어가본 적 있는 것 같다..
https://developer.mozilla.org/ko/
호환성 표
자바스크립트는 끊임없이 변환하기 때문에, 때론 브라우저에서 기능을 지원하지 않을 수 있다.
https://compat-table.github.io/compat-table/es6/
브라우저를 기준으로 한 표 형태
기능을 기준으로 한 표 형태
요즘은 babel 같은 걸로 해결해서, 처음 몇 번 들어가본 적 밖에 없는 듯 하다.
개발자 콘솔
에러를 보고, 고칠 수 있게 해준다!
Chrome
Lighthouse(성능 분석 툴)이라든지, 이외에도 잘 되어 있어서 Chrome으로 개발하는 편이다.
Safari는 왜인지 모르게 폰트 적용이 안된다거나 UI가 깨지는 경우가 곧잘 발생한다.
왜인지는 모르겠지만, 나중에 알아봐야겠다.
