profile
프론트엔드 개발자
post-thumbnail

깃 명령어 모음집

유용하게 사용할 깃 커맨드 명령어를 모아놓았습니다.

2일 전
·
0개의 댓글
post-thumbnail

[JS] ES2021 새로 추가되는 기능

ES2021 replaceAll() String.prototype.replaceAll메서드는 지정한 모든 문자열을 특정 문자열의 값으로 변경합니다. const sample = "Hi ! !" // before case 1 console.log(baseString

6일 전
·
0개의 댓글
post-thumbnail

[TS] 타입스크립트 실행 및 설정

타입스크립트 설정 및 실행에 대해 알아봅니다.

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

[JS] 이벤트 위임

이벤트 위임이란, 자식 엘리먼트의 이벤트를 부모 엘리먼트에서 내려주는 것을 뜻합니다.자식 엘리먼트는 부모 엘리먼트에게 등록되어 있는 이벤트를 감지 수 있기 때문에 위임 받을 수 있는 것입니다.이벤트 위임은 이벤트 버블링과 관련이 있습니다.이벤트 버블링은 무엇일까요?이벤

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

Cookie vs Session vs LocalStorage

쿠키는 서버로 다시 보내야하는 데이터를 저장한다.다양한 옵션 설정을 서버 측 또는 클라이언트 측 (일반적으로 서버 측)에서 설정할 수 있는데, httpOnly 설정이 되면 클라이언트 측에서 액세스할 수 없다.쿠키는 주로 서버 측에서 읽기(클라이언트 측에서 읽을 수도 있

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

[JS] 이벤트 루프

이벤트 루프 자바스크립트의 큰 특징 중 하나는 단일 스레드 기반의 언어라는 점입니다. 단일 스레드라는 말은 곧 동시에 자바스크립트는 한 번에 하나의 작업만 처리할 수 있다는 뜻입니다. 그렇지만 우리가 자바스크립트를 실제로 웹 환경에서 실행해 볼때 한 번에 하나의 작업

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

[React] CSR과 SSR

우리가 보고 있는 브라우저에서는 다양한 일들이 일어납니다.그 다양한 일 중 하나는 브라우저 렌더링도 있습니다.SPA에서는 렌더링 방식이 두가지로 나뉘게 됩니다.바로 CSR(Client Side Rendering)과 SSR(Server Side Rendering)입니다.

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

[React] 리액트의 Life Cycle

리액트의 컴포넌트에는 크게 생성, 업데이트, 제거 총 세 가지의 생명 주기로 이뤄져있습니다.리액트 라이프 사이클복잡하게는 위와 같은 형식을 띠고 있습니다.간단하게 알아보도록 하겠습니다.컴포넌트가 생성 되었을 때 리액트가 동작하는 방식입니다.컴포넌트 초기화 및 state

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

[React] 리액트란?

리액트는 세간에 프레임워크라는 얘기도 종종 들리지만 사실은 view를 담당하는 자바스크립트의 라이브러리 중 하나입니다.프레임워크란 자체적으로 여러가지가 구비 되어 있어 필요한 부분을 사용하는 개념이고,라이브러리는 필요에 따라 다른 모듈을 추가해 사용해야 하는 개념입니다

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

[리팩토링] 코드에서 나는 악취 #1

기이한 이름 코드를 작성할 때는 이름이 가장 중요합니다. 함수, 모듈, 변수, 클래스 등 그 이름을 보고도 무슨 일을 하는지 명확하게 알 수 있도록 신경을 써야합니다. 중복 코드 똑같은 코드 구조가 여러 곳에서 반복된다면 하나로 통합해 더 나은 프로그램을 만들 수

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

[CSS] 자주쓰는 유용한 CSS 정리

이미지 비율 조정, 메뉴드롭, 툴바, 중앙 정렬, 그리고 말 줄임표(...) 효과 구현법을 정리해 봤습니다.

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

[JS] jest 사용법

테스트는 왜 해야할까요?아주 심플하게 생각하면 디버깅의 수고를 덜기 위해서라고 할 수 있습니다.개발을 하는 사람들은 누구나 공감하겠지만, 개발을 위해 코드를 짜는 시간보다 설계나 오류에 따른 디버깅을 처리하는 데 드는 시간이 굉장히 많다는 점입니다.테스트는 바로 그런

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

자바스크립트.js #8 함수형 프로그래밍

함수형 프로그래밍이란 프로그래밍 패러다임 중 하나로써, 함수의 조합으로 작업을 수행하는 걸 의미합니다. 부수효과를 멀리하고 조합성을 강조하는 프로그래밍 패러다임인데요. 부수 효과를 멀리하는 이유는 두 가지를 위해서 입니다.오류를 줄이기 위함조합성 혹은 모듈화 수준을 높

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

자바스크립트.js #7 실행 컨텍스트와 클로저

실행 컨텍스트란 자바스크립트가 실행될 때 생성되는 하나의 실행 단위입니다.ECMAScript에서는 실행 컨텍스트는 실행 가능한 코드를 형상화하고 구분하는 추상적인 개념이라고 기술하는데요, 실행 가능한 자바스크립트 코드 블록이 실행되는 환경이라 볼 수 있겠습니다.ECMA

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

자바스크립트.js #6 call, apply 그리고 this 바인딩

💻자바스크립트.js 시리즈는 자바스크립트에 대해 심플하게 훑어봅니다📖자바스크립트에서는 함수를 호출할 때, 매개변수로 전달되는 인자값을 포함해 arguments 객체와 this 인자가 함수 내부로 암묵적으로 전달됩니다. 특히 오늘 알아볼 this는 고급 자바스크립트

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

[Next.js] dynamic import를 사용한 퍼포먼스 향상

Next.js는 dynamic이라는 ES2020 최신 문법을 지원하고 있습니다.dynamic Import란 간단히 말해 앱의 빌드 과정에서 모듈을 불러오는 것이 아니라 런타임때 모듈을 불러옴으로써, 처음 불러오는 파일들의 용량을 줄이고 결과적으론 퍼포먼스적 향상을 이루

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

자바스크립트.js #5 함수

💻자바스크립트.js 시리즈는 자바스크립트에 대해 심플하게 훑어봅니다📖 함수 자바스크립트에서 가장 중요한 개념은 바로 함수입니다. 자바스크립트의 함수는 모듈화 처리나 클로저, 객체 생성 등 많은 기능을 제공합니다. 일반 객체와 배열처럼 함수 역시 선언하는 방법이

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

자바스크립트.js #4 배열

💻자바스크립트.js 시리즈는 자바스크립트에 대해 심플하게 훑어봅니다📖배열은 자바스크립트의 핵심적인 기능 중 하나입니다.ES6 이후로 추가된 filter, map, forEach와 같은 배열 메서드들은 자바스크립트가 한층 업그레이드할 수 있었던 원동력이기도 합니다.배

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

자바스크립트.js #3 참조(객체) 타입

💻자바스크립트.js 시리즈는 자바스크립트에 대해 심플하게 훑어봅니다📖자바스크립트의 값들은 크게 기본 타입과 참조 타입으로 나뉩니다.데이터타입이전 게시글에선 기본 타입에 대해 살펴봤고,이번에는 참조(객체) 타입에 대해 살펴보도록 하겠습니다.참조 타입에 알아보기 전에

2020년 12월 29일
·
1개의 댓글
post-thumbnail

자바스크립트.js #2 기본 타입

💻자바스크립트.js 시리즈는 자바스크립트에 대해 심플하게 훑어봅니다📖자바스크립트의 값들은 크게 기본 타입과 참조 타입으로 나뉩니다.데이터타입사진과 같이 기본 타입은 숫자, 문자, 불린, null, undefined로 이루어져 있습니다.이 기본 타입의 특징은 그 자체

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