profile
나는 좋아한다 프론트엔드 개발을

스크롤바 제거 CSS

크롬, safari 스크롤바 제거 /&::-webkit-scrollbar { display: none;}\-ms-overflow-style: none; / IE 11 /scrollbar-width: none; / Firefox 64 \*/

2020년 3월 18일
·
0개의 댓글
·

node_modules 설치된 모든 패키지 최신 버전 업데이트

npx npm-check-updates -u

2020년 1월 22일
·
0개의 댓글
·

prettierrc 기본 설정

prettierrc 기본 설정

2019년 12월 30일
·
0개의 댓글
·

VS Code 파일 자동 불러오기 기능 활성화

최상위 디렉터리 jsconfig.json 파일 생성 jsconfig.json 파일? VS code는 해당 파일을 통해 에디터에 대한 설정 및 기타 javascript에 대한 설정을 조작할 수 있다.

2019년 12월 30일
·
1개의 댓글
·

CRA로 React Typescript 프로젝트 생성시 기본 tsconfig.json 파일

tsconfig.json 파일에서 typescript 컴파일러 환경 설정을 한다.

2019년 12월 20일
·
0개의 댓글
·

자주쓰는 npx 이게 뭐지?

npx란? npx란, npm(node package manger)의 5.2.0 버전부터 새로 추가된 도구입니다. 리액트 초기 환경 설정을 해봅시다. CRA 고고! create-react-app 명령어를 사용하기 위해서는 create-react-app 패키지를 global 설치를 해야합니다. 그러나 이러한 방식은 아래와 같은 단점이 있습니다. CRA의 ...

2019년 11월 17일
·
0개의 댓글
·

@babel/cli, @babel/preset-react 란?

@babel/cli 커맨드 라인에서 바벨을 실행할 수 있는 바이너리 파일이 들어있다. @babel/preset-react JSX로 작성된 코드들을 createElement 함수를 이용한 코드로 변환해 주는 바벨 플러그인이 내장되어 있다. 리액트 애플리케이션을 만들 때 필요한 플러그인들의 집합 > #### preset > 바벨은 js 파일을 입력받아 변...

2019년 11월 4일
·
0개의 댓글
·

next.js에 Styled Components 적용을 위한 .babelrc 설정

프로젝트의 최상위 경로에 .babelrc 파일을 생성하고 다음 내용을 입력한다.

2019년 10월 30일
·
0개의 댓글
·

javascript의 prototype

javascript의 핵심 개념 prototype에 대해서 알아보도록 하겠습니다. - prototype - constructor - `proto - constructor 생성자 함수에 new 연산자를 써서 instance를 생성하면 생성자 함수의 prototype이라는 프로퍼티가 instance의 proto 에 전달 됩니다. 즉 생성자 함수의 pro...

2019년 10월 29일
·
0개의 댓글
·

서버로부터 받은 토큰 저장 위치

서버로부터 받은 토큰 어디에 저장할까? 브라우저의 localStorage or sessionStorage에 담아서 사용한다. 브라우저의 쿠키에 담아서 사용한다. 1. localStorage or SessionStorage에 담아서 사용할 경우 사용하기가 매우 편리하고 구현하기도 쉽다. 단, 누군가 페이지(ex. 게시글)에 악성 스크립트를 삽입한다면 쉽게 ...

2019년 10월 16일
·
3개의 댓글
·