- 전체보기(154)
- TIL(99)
- JavaScript(60)
- React(30)
- web(28)
- react.js(24)
- 알고리즘(23)
- 코드카타(23)
- algorithm(22)
- codekata(22)
- CSS(14)
- html(10)
- DOM(9)
- 코어자바스크립트(8)
- js(7)
- WeCode(7)
- typescript(6)
- API(6)
- array(5)
- component(4)
- clone(4)
- review(4)
- git(4)
- SSR(3)
- hooks(3)
- next.js(3)
- Event Handler(3)
- clone project(3)
- seo(3)
- 자바스크립트(3)
- Sass(3)
- this(2)
- 타입스크립트(2)
- promise(2)
- styled components(2)
- pre-rendering(2)
- useEffect(2)
- useState(2)
- http(2)
- Database(2)
- 주니어개발자(2)
- routing(2)
- CS(2)
- await(2)
- framework(2)
- jquery(2)
- bootstrap(2)
- 신입개발자(2)
- 웹팩(2)
- webpack(2)
- sourcetree(2)
- Query String(2)
- MVC(2)
- async(2)
- 클론코딩(2)
- library(2)
- mobx(2)
- 클래스(1)
- terminal(1)
- ES6(1)
- rebase(1)
- datastructure(1)
- 비전공자(1)
- Flexbox(1)
- callback(1)
- 동적라우팅(1)
- Function Component(1)
- Directory(1)
- MVC패턴(1)
- Class Component(1)
- mockdata(1)
- scroll event(1)
- i18n(1)
- Flag(1)
- 개발자 도구(1)
- setter(1)
- pagination(1)
- 무한스크롤(1)
- 데이터타입(1)
- 코드리뷰(1)
- Code Review(1)
- browser(1)
- authentication(1)
- interface(1)
- 심볼(1)
- 피드백(1)
- data(1)
- Conference(1)
- 프로토타입(1)
- infinite scroll(1)
- ReactRouter(1)
- Restful(1)
- mock(1)
- authorization(1)
- 부트캠프(1)
- 콜백함수(1)
- sorting(1)
- parameter(1)
- 호이스팅(1)
- throttle(1)
- debounce(1)
- 비동기처리(1)
- react i18next(1)
- 2020(1)
- 개발문화(1)
- 앵귤러(1)
- DevTools(1)
- 실행컨텍스트(1)
- 라우팅(1)
- retrospect(1)
- 전역상태관리(1)
- Aquery(1)
- project review(1)
- mansonry(1)
- google map(1)
- project reveiw(1)
- searchbar(1)
- 검색창(1)
- 검색결과페이지(1)
- ordering(1)
- faker.js(1)
- data fetching(1)
- module bundler(1)
- mobx-react-lite(1)
- 여성개발자컨퍼런스2020(1)
- if(kakao)(1)
- 리액트라이브러리(1)
- 다국어처리(1)
- 객체 프로퍼티(1)
- 프로퍼티 플래그(1)
- Object.defineProperties(1)
- Object.getOwnPropertyDescriptors(1)
- weakset(1)
- weakmap(1)
- prevent scroll(1)
- 스크롤 막기(1)
- reveal2020(1)
- react-modal(1)
- tech conference(1)
- tagged templates(1)
- opp(1)
- protocol(1)
- modeling(1)
- classList(1)
- @property(1)
- mock data(1)
- hosting(1)
- kakao(1)
- 브라우저(1)
- redux(1)
- decorator(1)
- frontend(1)
- Angular(1)
- react native(1)
- linux(1)
- refactoring(1)
- 클로저(1)
- reactjs(1)
- 번역(1)
- 개발자(1)
- github(1)
- 카카오(1)
- npm(1)
- cli(1)
- Map(1)
- 프레임워크(1)
- 스코프(1)
- class(1)
- shell(1)
- Flux(1)
- google(1)
- developer(1)
- 프론트엔드(1)
- 보안(1)
- hook(1)
- Symbol(1)
- getter(1)
- stack(1)
- queue(1)
- closure(1)
- 배열(1)
- domain(1)
- State(1)
- useRef(1)
- Prototype(1)
- json(1)
- 위코드(1)
- axios(1)
- ajax(1)
- tuple(1)
- set(1)
- function(1)
- method(1)
- 디자인패턴(1)
- Expo(1)
- 컨퍼런스(1)
TIL 105 | JavaScript의 Symbol Data Type
ES6에서는 Symbol 이라는 원시형 데이터 타입이 새로이 도입되었다. 자바스크립트는 객체 프로퍼티 키로 오직 문자형과 심볼형만을 허용한다. 숫자형, 불린형은 불가능하다. 심볼은 유일한 식별자(unique identifier)를 만들고 싶을 때 사용한다.
TIL 104 | Map, Set, WeakMap, WeakSet
Map 인터페이스의 한 종류로, key-value 형태의 데이터를 저장하는 형태를 가지고 있다. Map이란 키와 값을 하나의 쌍으로 묶어서 저장하는 컬렉션 클래스들을 구현하는데 사용된다.
TIL 101 | Tagged Templates
Tagged Template Literals는 Template Literals를 이용하여 함수의 인자를 파싱하여 넘겨주는 것을 의미한다.문자열은 첫번째 파라미터의 배열로 들어가고, 나머지 변수 값은 각각 값이 대입된다. 변수는 여러개가 될 수도 있다.
TIL 100 | 웹과 JavaScript의 역사 간단요약
udemy의 ES6, ES7 & ES8, TIME to update your JavaScript / ECMAScript 강의를 보고 정리한 내용입니다.
TIL 99 | 코어자바스크립트(7) 클래스
자바스크립트는 프로토타입 기반 언어라서 '상속' 개념이 존재하지 않는다. 클래스 기반의 언어에 익숙한 많은 개발자들을 혼란케 했고, 이러한 불편함을 해결하기 위해 ES6에는 클래스 문법이 추가되었다.
TIL 98 | 코어자바스크립트(6) 프로토타입
자바스크립트는 프로토타입 기반 언어이다. 클래스 기반 언어에서는 '상속'을 사용하지만 프로토타입 기반 언어에서는 어떤 객체를 원형으로 삼고 이를 복제(참조)함으로써 상속과 비슷한 효과를 얻는다.
TIL 97 | 코어자바스크립트(5) 클로저
클로저는 자바스크립트 고유의 개념이 아니라 여러 함수형 프로그래밍 언어에서 등장하는 보편적인 특성이다. 클로저는 어떤 함수에서 선언한 변수를 참조하는 내부함수에서만 발생하는 현상이다.
TIL 96 | 코어자바스크립트(4) 실행 컨텍스트
실행 컨텍스트(execution context)는 실행할 코드에 제공할 환경 정보들을 모아놓은 객체로, 자바스크립트의 동적 언어로서의 성격을 가장 잘 파악할 수 있는 개념이다.
.png?w=768)
TIL 93 | Next.js의 Pre-rendering과 Data Fetch 방법
Next.js에 존재하는 두가지 종류의 Pre-rendering 방법과, 데이터는 어떻게 불러오는지에 대해 알아보자.
TIL 90 | useRef로 글줄에 따라 인풋박스의 높이 바꾸기
일반적인 메신저나 댓글에서는 입력한 내용의 길이에 따라 인풋 상자의 크기가 변하는 것을 볼 수 있다. useRef로 간단하게 위 기능을 구현해보자.
TIL 89 | dimmed 영역 스크롤 막기
햄버거 버튼을 눌렀을때 사이드에서 네비게이션 모달이 나오는 페이지의 형태는 쉽게 찾아볼 수 있다. 이때 사용성을 위해서 모달창은 스크롤이 가능하지만(화면보다 네비게이션의 높이가 긴 경우), 그 외에 dimmed 영역은 스크롤이나 터치 이벤트가 불가능하게 하는 것이 좋다
TIL 88 | Debounce & Throttle
Debounce와 Throttle은 자주 사용되는 이벤트나 함수들의 실행되는 빈도를 줄여서 성능을 개선하는 decorator이다.