profile
(~˘▾˘)~♫❝ 쉽게만 살아가면 재미없어 빙고 .ᐟ ❞•*¨*•.¸¸♪
태그 목록
전체보기 (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)
post-thumbnail

사수에게 칭찬받는 PR 체크리스트

Pull Request 에 🎉👍😄🚀❤️ 만 달리는 그날까지~!~!~!

2021년 2월 24일
·
20개의 댓글
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개의 댓글