01_Web
프론트엔드 관련 다양한 주제를 다룬 글을 모았습니다. 네트워크, 브라우저, 웹 개발을 위한 코드 지식과 함께 사용자 경험 및 모션 디자인에 관한 이야기를 담았습니다.
알고리즘과 시간 복잡도
목차 알고리즘 시간 복잡도 Big O 표기법 Asymptotic Complexity 점근적 분석 재귀함수 합 구하기 피보나치 수열 좋은 알고리즘의 필요 요건과, 알고리즘의 실행 속도를 평가하는 방법을 알아본다. 1. 알고리즘우리는 finite amount of space and time에 집중해야한다.알고리즘은 유한한 자원을 가진 환경에서 주어진
6/ 함수표현식의 다른 용도
‘프론트엔드 개발자를 위한 자바스크립트 프로그래밍’ 책을 참고하여 정리합니다. 오류가 있다면 언제든지 댓글 남겨주세요. 목차1. 함수와 재귀2. 클로저 2-1. 클로저 사용 (반복문) 2-2. 클로저의 메모리 누수 2-3. 클로저를 이용한 고유 변수(private variable : 객체 외부에서 접근할 수 없는 변수) = 은닉화
5/ 객체 지향 프로그래밍 (1)
‘프론트엔드 개발자를 위한 자바스크립트 프로그래밍’ 책을 참고하여 정리합니다. 오류가 있다면 언제든지 댓글 남겨주세요.이 주제는 조금 더 공부를 해야할 듯 하다. 목차1. 프로퍼티 타입 - 데이터 프로퍼티 - 접근자 프로퍼티2. 다중 프로퍼티 정의3. 프로퍼티 속성 읽기객체지향언어는 일반적으로 클래스를 통해 같은 프로퍼티와 메서드를 가지는 객체르 여
4/ 참조타입_Function 타입 (2)
‘프론트엔드 개발자를 위한 자바스크립트 프로그래밍’ 책을 참고하여 정리합니다. 오류가 있다면 언제든지 댓글 남겨주세요. 목차 함수의 내부 구조 함수 프로퍼티와 메서드 함수의 다양한 형태 3-1. 즉시실행함수 3-2. 내부함수 3-3. 콜백함수 1. 함수의 내부 구조함수 내부에는 객체들이 있다. 요약- arguments 함수에 전달된
4/ 참조타입_Function 타입 (1)
‘프론트엔드 개발자를 위한 자바스크립트 프로그래밍’ 책을 참고하여 정리합니다. 오류가 있다면 언제든지 댓글 남겨주세요. 목차0. Function 타입1. 함수 선언 vs 함수 표현식2. 값처럼 쓰는 함수(일급객체)3. 함수의 내부 구조3. 함수 프로퍼티와 메서드 4,5번은 Function 2편에서 1. Function 타입함수는 객체이다. 모든 함
3/ 실행 컨텍스트와 스코프
프론트엔드 개발자를 위한 자바스크립트 프로그래밍 책을 참고하여 정리합니다. 오류가 있다면 언제든지 댓글 남겨주세요. 1. 실행 컨텍스트실행 컨텍스트(Execution Context)는 scope, hoisting, this, function, closure 등의 동작원리를 담고 있는 자바스크립트의 핵심원리이다. ECMAScript 스펙에 따르면 실행
2/ 메모리 관리와 가비지 콜렉션
프론트엔드 개발자를 위한 자바스크립트 프로그래밍 책을 참고하여 정리합니다. 오류가 있다면 언제든지 댓글 남겨주세요. 요약가비지 콜렉션은 더 이상 사용하지 않는 메모리를 회수하는 역할을 한다. 메모리를 회수하기 전 사용하지 않는 변수를 체킹해야 하는데 이때 표시하고 지우기 방법과 참조 카운팅이 있다. 표시하고 지우기 방법은 처음 컨텍스트의 모든 변수에 마
1/ 변수, 원시 값과 참조 값
프론트엔드 개발자를 위한 자바스크립트 프로그래밍 책을 참고하여 정리합니다. 오류가 있다면 언제든지 댓글 남겨주세요. 까묵지말자Call-by-value, Call-by-reference 1. 변수란?변수는 위치(주소)를 기억하는 저장소이다. (포인터의 개념)위치란 메모리 상의 주소(address)를 의미한다. 즉, 메모리 주소에 접근하기 위해 사람이
React에 typeScript 셋팅하기
실습은 tic-tac-toc이라는 js 프로젝트를 마이그레이션 하면서 typescript를 연습해본다.raect+typescript는 이웅재님의 강의 참고하였습니다.역시 이론과 실습이 결합할 때가 제일 재밌다! 처음 프로젝트를 생성할 때 부터 타입스크립 버전으로 셋팅하는것이 제일 깔끔하다. 1. create-react-app ts-test --scrip