profile
(~˘▾˘)~♫❝ 쉽게만 살아가면 재미없어 빙고 .ᐟ ❞•*¨*•.¸¸♪
태그 목록
전체보기 (153)TIL(99)JavaScript(59)React(29)web(28)react.js(24)알고리즘(23)코드카타(23)algorithm(22)codekata(22)CSS(14)html(10)DOM(9)코어자바스크립트(8)WeCode(7)js(7)API(6)typescript(5)array(5)review(4)clone(4)git(4)component(4)hooks(3)Event Handler(3)clone project(3)Sass(3)SSR(3)자바스크립트(3)seo(3)next.js(3)클론코딩(2)타입스크립트(2)webpack(2)this(2)http(2)웹팩(2)async(2)framework(2)jquery(2)promise(2)sourcetree(2)mobx(2)useState(2)pre-rendering(2)useEffect(2)MVC(2)Query String(2)await(2)Database(2)CS(2)styled components(2)routing(2)library(2)bootstrap(2)browser(1)Aquery(1)카카오(1)searchbar(1)여성개발자컨퍼런스2020(1)전역상태관리(1)프로퍼티 플래그(1)브라우저(1)Object.getOwnPropertyDescriptors(1)faker.js(1)Class Component(1)callback(1)실행컨텍스트(1)mansonry(1)라우팅(1)프로토타입(1)hosting(1)throttle(1)debounce(1)개발자 도구(1)Prototype(1)ajax(1)decorator(1)mock data(1)project reveiw(1)Object.defineProperties(1)parameter(1)객체 프로퍼티(1)class(1)pagination(1)domain(1)react-modal(1)콜백함수(1)method(1)mobx-react-lite(1)주니어개발자(1)Flexbox(1)ReactRouter(1)classList(1)cli(1)json(1)protocol(1)비동기처리(1)if(kakao)(1)클로저(1)ordering(1)reveal2020(1)tech conference(1)Angular(1)sorting(1)interface(1)동적라우팅(1)opp(1)authorization(1)2020(1)State(1)useRef(1)리액트라이브러리(1)axios(1)google map(1)hook(1)@property(1)DevTools(1)Expo(1)다국어처리(1)개발자(1)데이터타입(1)retrospect(1)클래스(1)data(1)infinite scroll(1)mock(1)피드백(1)tagged templates(1)getter(1)setter(1)react native(1)심볼(1)modeling(1)github(1)신입개발자(1)react i18next(1)Map(1)developer(1)datastructure(1)검색결과페이지(1)ES6(1)부트캠프(1)검색창(1)보안(1)위코드(1)redux(1)closure(1)module bundler(1)mockdata(1)tuple(1)set(1)kakao(1)Flag(1)reactjs(1)authentication(1)google(1)MVC패턴(1)디자인패턴(1)prevent scroll(1)function(1)Function Component(1)배열(1)앵귤러(1)번역(1)Flux(1)scroll event(1)refactoring(1)i18n(1)Conference(1)스크롤 막기(1)컨퍼런스(1)terminal(1)data fetching(1)npm(1)비전공자(1)shell(1)프레임워크(1)Restful(1)project review(1)스코프(1)Symbol(1)rebase(1)linux(1)stack(1)queue(1)호이스팅(1)weakset(1)무한스크롤(1)weakmap(1)Directory(1)
post-thumbnail

TIL 108 | AJAX

AJAX 제대로 파헤쳐보자

2021년 1월 9일
·
0개의 댓글
post-thumbnail

TIL 105 | JavaScript의 Symbol Data Type

ES6에서는 Symbol 이라는 원시형 데이터 타입이 새로이 도입되었다. 자바스크립트는 객체 프로퍼티 키로 오직 문자형과 심볼형만을 허용한다. 숫자형, 불린형은 불가능하다. 심볼은 유일한 식별자(unique identifier)를 만들고 싶을 때 사용한다.

2021년 1월 7일
·
0개의 댓글
post-thumbnail

TIL 104 | Map, Set, WeakMap, WeakSet

Map 인터페이스의 한 종류로, key-value 형태의 데이터를 저장하는 형태를 가지고 있다. Map이란 키와 값을 하나의 쌍으로 묶어서 저장하는 컬렉션 클래스들을 구현하는데 사용된다.

2021년 1월 7일
·
0개의 댓글
post-thumbnail

TIL 103 | JS ES6+ 유용한 Arrays 메소드

알아두면 쓸모있음

2021년 1월 7일
·
0개의 댓글
post-thumbnail

TIL 102 | Rest Syntax, Spread Syntax, Object Literal

ES6에서 업데이트된 편리한 문법들 다시 정리해보기

2021년 1월 6일
·
0개의 댓글
post-thumbnail

TIL 101 | Tagged Templates

Tagged Template Literals는 Template Literals를 이용하여 함수의 인자를 파싱하여 넘겨주는 것을 의미한다.문자열은 첫번째 파라미터의 배열로 들어가고, 나머지 변수 값은 각각 값이 대입된다. 변수는 여러개가 될 수도 있다.

2021년 1월 5일
·
0개의 댓글
post-thumbnail

TIL 100 | 웹과 JavaScript의 역사 간단요약

udemy의 ES6, ES7 & ES8, TIME to update your JavaScript / ECMAScript 강의를 보고 정리한 내용입니다.

2021년 1월 5일
·
0개의 댓글
post-thumbnail

TIL 99 | 코어자바스크립트(7) 클래스

자바스크립트는 프로토타입 기반 언어라서 '상속' 개념이 존재하지 않는다. 클래스 기반의 언어에 익숙한 많은 개발자들을 혼란케 했고, 이러한 불편함을 해결하기 위해 ES6에는 클래스 문법이 추가되었다.

2021년 1월 3일
·
0개의 댓글
post-thumbnail

TIL 98 | 코어자바스크립트(6) 프로토타입

자바스크립트는 프로토타입 기반 언어이다. 클래스 기반 언어에서는 '상속'을 사용하지만 프로토타입 기반 언어에서는 어떤 객체를 원형으로 삼고 이를 복제(참조)함으로써 상속과 비슷한 효과를 얻는다.

2021년 1월 2일
·
0개의 댓글
post-thumbnail

TIL 97 | 코어자바스크립트(5) 클로저

클로저는 자바스크립트 고유의 개념이 아니라 여러 함수형 프로그래밍 언어에서 등장하는 보편적인 특성이다. 클로저는 어떤 함수에서 선언한 변수를 참조하는 내부함수에서만 발생하는 현상이다.

2021년 1월 2일
·
0개의 댓글
post-thumbnail

TIL 96 | 코어자바스크립트(4) 실행 컨텍스트

실행 컨텍스트(execution context)는 실행할 코드에 제공할 환경 정보들을 모아놓은 객체로, 자바스크립트의 동적 언어로서의 성격을 가장 잘 파악할 수 있는 개념이다.

2021년 1월 1일
·
0개의 댓글
post-thumbnail

TIL 95 | Angular 개념부터 알아보기

앵귤러를 시작해봅시다!

2021년 1월 1일
·
0개의 댓글
post-thumbnail

TIL 94 | Next.js 동적라우팅과 API 라우팅 방법

Next.js에서는 어떻게 라우팅을 구현할까? 공식문서 튜토리얼을 따라가보자

2020년 12월 30일
·
0개의 댓글
post-thumbnail

TIL 93 | Next.js의 Pre-rendering과 Data Fetch 방법

Next.js에 존재하는 두가지 종류의 Pre-rendering 방법과, 데이터는 어떻게 불러오는지에 대해 알아보자.

2020년 12월 21일
·
2개의 댓글
post-thumbnail

TIL 92 | Next.js 차근차근 시작해보기

Next.js 공식 튜토리얼 따라하면 두시간 안에 기본기 끝내기 쌉possible

2020년 12월 21일
·
2개의 댓글
post-thumbnail

TIL 91 | axios

Axios는 HTTP 통신을 하는데 아주 핫한 Javascript라이브러리다.

2020년 12월 17일
·
0개의 댓글
post-thumbnail

TIL 90 | useRef로 글줄에 따라 인풋박스의 높이 바꾸기

일반적인 메신저나 댓글에서는 입력한 내용의 길이에 따라 인풋 상자의 크기가 변하는 것을 볼 수 있다. useRef로 간단하게 위 기능을 구현해보자.

2020년 12월 16일
·
0개의 댓글
post-thumbnail

TIL 89 | dimmed 영역 스크롤 막기

햄버거 버튼을 눌렀을때 사이드에서 네비게이션 모달이 나오는 페이지의 형태는 쉽게 찾아볼 수 있다. 이때 사용성을 위해서 모달창은 스크롤이 가능하지만(화면보다 네비게이션의 높이가 긴 경우), 그 외에 dimmed 영역은 스크롤이나 터치 이벤트가 불가능하게 하는 것이 좋다

2020년 12월 14일
·
0개의 댓글
post-thumbnail

TIL 88 | Debounce & Throttle

Debounce와 Throttle은 자주 사용되는 이벤트나 함수들의 실행되는 빈도를 줄여서 성능을 개선하는 decorator이다.

2020년 12월 13일
·
0개의 댓글
post-thumbnail

TIL 87 | async/await 뭐야 이렇게 간단한거였어?

클론 프로젝트를 하면서 async, await를 사용했었는데, 정확히 프라미스의 .then 메서드를 사용하는 것과 어떻게 다른지 이해 없이 그냥 외워서 썼다. 항상 찝찝함이 남아있었는데, 이번 기회에 에이싱크 어웨이트 완전히 뿌셔보리라....... 💥💥💥

2020년 12월 10일
·
0개의 댓글