본문 바로가기

분류 전체보기98

Javascript - 스코프, 스코프 체인, 정적 스코프 아래 내용은 모던 자바스크립트 Deep Dive 13챕터 스코프를 읽고 정리한 내용입니다. Keyword 1. 스코프 식별자의 유효 범위를 의미하며, 자바스크립트 엔진이 식별자를 검색할 때 사용하는 규칙 식별자는 어떤 값을 구별할 수 있어야하므로 유일해야 함 모든 식별자(함수 이름, 변수 이름, 클래스 이름 등)는 자신이 선언된 위치에 의해 다른 코드가 식별자 자신을 참조할 수 있는 유효 범위 스코프가 결정됨 프로그래밍 언어는 스코프를 통해 식별자인 변수 이름의 충돌을 방지하여 같은 이름의 변수를 사용할 수 있게 한다. 스코프 내에서 식별자는 유일해야 하지만 다른 스코프에는 같은 이름의 식별자를 사용할 수 있다. 코드 선언 위치에 따른 스코프 구분 전역 코드의 가장 바깥 영역 전역 스코프 전역 변수 어.. 2022. 10. 9.
JavaScript - var, let, const, 전역 변수 아래 내용은 모던 자바스크립트 Deep Dive 14챕터 전역 변수의 문제점과 15챕터 let, const 키워드와 블록 레벨 스코프를 읽고 정리한 내용입니다. Keyword 1. var 키워드로 선언한 변수의 문제점 1. 변수의 중복 선언이 허용된다. 같은 스코프 내 중복 선언이 허용된다. 초기화 문이 있는 변수 선언문은 자바스크립트 엔진에 의해 var 키워드가 없는 것처럼 동작하고, 초기화 문이 없는 변수 선언문은 무시된다. 2. 함수 레벨 스코프를 사용한다. 함수의 코드 블록만을 지역 스코프로 인정한다. 함수 외부에서 var 키워드로 선언한 변수는 코드 블록내에서 선언해도 모두 전역 변수가 된다. 3. 변수 호이스팅 변수 선언문 이전에 참조가 가능해, 코드의 가독성을 떨어뜨리고 오류를 발생시킬 여지.. 2022. 10. 6.
Javascript - 메모리, 식별자, 변수, 변수 호이스팅 아래 내용은 모던 자바스크립트 Deep Dive 4챕터 변수를 읽고 정리한 내용입니다. 10 + 20 위 식을 해결하기 위해서 - 10, 20, +의 의미를 알고 해석(파싱) 할 수 있어야 함 - 10, 20이라는 정보를 기억해야함 - 연산된 결과 값 30도 어딘가에 활용하기 위해서도 정보를 저장해 재사용해야 함 컴퓨터에서 연산은 CPU가 정보 저장은 메모리가 함 자바스크립트에서는 메모리 공간에 직접 접근할 수 있는 메모리 제어를 허용하지 않음 만약 되더라도 메모리 주소는 코드 실행 시 메모리 상황에 따라 임의 결정되어 변경됨 Keyword 1. 메모리 데이터를 저장할 수 있는 셀(1byte, 8bit)의 집합 컴퓨터는 1byte 단위로 데이터를 읽고 저장함 셀은 고유의 메모리 주소(메모리 공간의 위치).. 2022. 10. 5.
실무하며 알게 된 CSS TIPS 폰트 관련1. 크롬의 최소 폰트 사이즈는 10px이다. 10px보다 작게 보이도록 우회할 수 있는 편법은 transform을 활용한다.2. 흐르는 텍스트 css 속성 : marquee 참고 click, drag 관련1. CSS로 클릭을 막는 속성pointer-events: none 2. user-selector: none 처리-ms-user-select: none;-moz-user-select: -moz-none;-webkit-user-select: none;-khtml-user-select: none;user-select: none;user-drag: none;user-select: none;-moz-user-select: none;-webkit-user-drag: none;-webkit-user-se.. 2022. 3. 28.
개발자 구인구직 사이트 모음 - 원티드 (https://www.wanted.co.kr/) - 로켓펀치 채용 (https://www.rocketpunch.com/jobs) - 슈퍼루키 (https://www.superookie.com/editors/5b3b196d8b129f04f11078bc) - 잡플래닛 (https://www.jobplanet.co.kr/job) - 사람인 (https://www.saramin.co.kr/zf_user/) - 인크루트 (www.saramin.co.kr/zf_user/) - 각 기업별 채용페이지 2020. 7. 25.
[JavaScript] REST API와 JSON Server REST API REST(Representational State Transfer)는 HTTP를 기반으로 클라이언트가 서버의 리소스에 접근하는 방식을 규정한 아키텍처이고, REST API는 REST를 기반으로 서비스 API를 구현한 것을 의미한다. REST API의 구성 - 자원(Resource) : HTTP URI - 행위(Verb) : HTTP 요청 메소드 - 표현(Representaitions) : HTTP 페이로드 REST API 설계 방침 - URI는 리소스를 표현해야 한다. (명사) - 리소스에 대한 행위는 HTTP 요청 메소드로 표현한다. (GET, POST, PUT, PATCH, DELETE는 URI에 미표현) JSON Server JSON Server는 json 파일을 사용하여 REST .. 2020. 5. 26.