profile
we made it!
태그 목록
전체보기 (84)서버 사이드 랜더링(8)JWT(5)데이터 로딩(4)mongoose(3)그리디(3)koa router(2)Koa(2)html(2)백엔드(2)spa(2)redux thunk(2)math(1)bisect(1)구현 끝(1)itertools(1)불변성(1)선택 정렬(1)npm(1)숫자 기준 분리(1)redux saga(1)재발급(1)코드 스플리팅(1)쿼리 필터링(1)리액트(1)호이스팅(1)transform(1)react router dom(1)React.lazy(1)모델(1)피보나치(1)Joi(1)코드 비동기 로딩(1)최종 프로젝트(1)React(1)버블 정렬(1)ESM(1)head(1)collections(1)프론트엔드(1)리액트 라우터(1)Inherit(1)프로그래머스 튜플(1)CSS 단위(1)dotenv(1)koa-bodyparser(1)버전 관리(1)Prototype(1)useEffect(1)js(1)counter(1)node.js(1)padding(1)class(1)Flex(1)width(1)Deque(1)스키마(1)attribute(1)span(1)div(1)프로그래머스 뉴스 클러스터링(1)margin(1)mongodb(1)Loadable Components(1)회원가입(1)jsonwebtoken(1)border-radius(1)content-box(1)bcrypt(1)DOCTYPE(1)복사(1)백준1011(1)속성(1)리액트를 다루는 기술(1)heapq(1)퀵 정렬(1)비트맵(1)this(1)body(1)history(1)서버사이드랜더링과 코드스프리팅(1)블록(1)nvm(1)background(1)선택자(1)CSS(1)Sass(1)벡터(1)overflow(1)border(1)정규식(1)구조 분해 할당(1)생성자 함수(1)인라인(1)transition(1)N진수 변환(1)페이지네이션(1)삽입 정렬(1)리액트 개발 환경(1)user(1)display(1)동작원리(1)height(1)IIFE(1)border-box(1)Suspense(1)프로그래머스 네트워크(1)로그아웃(1)git(1)로그인(1)프로그래머스 디스크 컨트롤러(1)비구조화 할당(1)통신 프로토콜(1)로그인 상태 확인(1)position(1)

Sass

css 전처리 도구(preprocessor)웹에서 실행하기 위해서는 컴파일을 통해 css로 변환해야 됨css와 호환성을 고려해서 Scss 문법을 사용하는 것을 권장parcel-bundler로 프로젝트를 실행하면 자동으로 sass를 설치하여 scss파일을 css파일로 변

2021년 8월 16일
·
0개의 댓글

정규표현식(RegExp)

https://github.com/Gyeongm1n/RegExp-practice

2021년 8월 10일
·
0개의 댓글

얕은 복사와 깊은 복사

얕은 복사를 하면 내부의 배열이나 객체같은 참조형 테이터는 복사되지 않고 같은 주소를 참조하게 된다.따라서 참조형 데이터안에 또 다른 참조형 데이터가 있을 때 완전히 복사하고 싶은 경우 깊은 복사를 해야 한다.

2021년 8월 10일
·
0개의 댓글

데이터 불변성 (Immutability)

String, Number, Boolean, undefined, null원시 데이터는 변하지 않는 성질(불변성)을 가지고 있다.즉, 1 4 7 이 메모리에 할당되어 있을 때 만약 let d = 4 코드가 실행되면 기존의 메모리에 할당되어 있는 4를 사용함원시 데이터끼리

2021년 8월 10일
·
0개의 댓글

구조 분해 할당

구조 분해 할당 == 비구조화 할당

2021년 8월 9일
·
0개의 댓글

생성자 함수, ES6 Classes

prototype을 사용하면 동일한 함수를 한 번만 생성 후 여러 인스턴스에서 사용할 수 있음JS는 프로토타입 기반의 언어일반 함수는 호출 위치에 따라 this 정의 (동적으로 바인딩 됨)화살표 함수는 자신이 선언된 함수 범위에서 this 정의 (상위 스코프의 this

2021년 8월 9일
·
0개의 댓글

즉시실행함수(IIFE), 호이스팅

함수 선언부가 유효범위 최상단으로 끌어올려지는 현상함수 표현에서는 적용되지 않음

2021년 8월 9일
·
0개의 댓글

nodejs, nvm, npm

nodejs는 Chrome V8 JavaScript 엔진으로 빌드된 JavaScript 런타임이다.브라우저는 HTML, CSS, JS만 실행시킬 수 있다. 따라서 node.js에 도움을 받아서 그 외적인 것들을 처리해야 한다.현대의 프론트엔드 개발에서는 nodejs가

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

git 명령어

현재 프로젝트에서 변경사항 추적(버전 관리)을 시작초기화개행 문자(Newline) 설정운영체제에 따라 자동으로 개행 문자 처리에 대한 부분을 설정해 줌사용자 이름 정보 등록사용자 이메일 정보 등록깃허브 가입 이메일과 동일한 이메일을 입력하는 것을 권장!구성 확인변경사항

2021년 8월 5일
·
0개의 댓글

CSS 속성: 변환

요소의 변환 효과transform: 변환함수1 변환함수2 변환함수3 ...;transform: 원근법 이동 크기 회전 기울임;translate(x, y): 이동(x축, y축)translateX(x): 이동(x축)translateY(y): 이동(y축)scale(x, y)

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

CSS 속성: 전환

transition: 속성명 지속시간 타이밍함수 대기시간;요소의 전환(시작과 끝) 효과를 지정하는 단축 속성"지속시간"은 단축형으로 작성할 때 필수 포함 속성!transition-property, transition-duration, transition-timing-f

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

CSS: 플렉스(flex)

Flex Container의 화면 출력(보여짐) 특성flex: 블록 요소와 같이 Flex Container 정의inline-flex: 인라인 요소와 같이 Flex Container 정의주 축을 설정row: 행 축 (좌 => 우), 기본값row-reverse: 행 축 (

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

CSS 속성: 배치

요소의 위치 지정 기준static: 기준 없음 (기본값)relative: 요소 자신을 기준absolute: 위치 상 부모 요소 기준, 위치 상 부모 요소를 꼭 확인해야 한다!fixed: 뷰포트(브라우저)를 기준position과 같이 사용하는 CSS 속성들: top, b

2021년 7월 25일
·
0개의 댓글

CSS 속성: 배경

요소의 배경 색상transparent: 투명함 (기본값)색상: 지정 가능한 색상요소의 배경 이미지 삽입none: 이미지 없음 (기본값)url("경로"): 이미지 경로요소의 배경 이미지 반복repeat: 이미지를 수직, 수평 반복 (기본값)repeat-x: 이미지를 수평

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

CSS 속성: 넘침 제어(overflow)

요소의 크기 이상으로 내용이 넘쳤을 때, 보여짐을 제어하는 단축 속성개별 속성: overflow-x, overflow-yvisible: 넘친 내용을 그대로 보여줌 (기본값)hidden: 넘친 내용을 잘라냄auto: 넘친 내용이 있는 경우에만 잘라내고 스크롤바 생성

2021년 7월 22일
·
0개의 댓글

CSS 속성: 문자

글자의 색상rgb(0, 0, 0): 검정색 (기본값)색상: 기타 지정 가능한 색상문자의 정렬 방식left: 왼쪽 정렬 (기본값)right: 오른쪽 정렬center: 가운데 정렬문자의 장식(선)none: 장식 없음 (기본값)underline: 밑줄line-through:

2021년 7월 22일
·
0개의 댓글

CSS 속성: 글꼴

글자의 기울기normal: 기울기 없음 (기본값)italic: 이텔릭체글자의 두께(가중치)normal, 400: 기본 두께 (기본값)bold, 700: 두껍게100 ~ 900: 100단위의 숫자 9개, normal과 bold 이외 두께글자의 크기16px: 기본 크기 (

2021년 7월 22일
·
0개의 댓글

CSS 속성: 출력 특성 (display)

요소의 화면 출력(보여짐) 특성각 요소에 이미 지정되어 있는 값block: 상자(레이아웃) 요소inline: 글자 요소inline-block: 글자 + 상자 요소따로 지정해서 사용하는 값flex: 플렉스 박스 (1차원 레이아웃)grid: 그리드 (2차원 레이아웃)non

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

색상 표현, CSS 속성: 크기 계산(box-sizing) & 투명도

색상 이름: 브라우저에서 제공하는 색상 이름 (red, tomato, royalblue)Hex 색상코드: 16진수 색상(Hexadecimal Colors) (RGB: 빛의 삼원색, rgb(255, 255, 255)RGBA: 빛의 삼원색 + 투명도 rgb(0, 0, 0,

2021년 7월 22일
·
0개의 댓글

CSS 속성: 테두리

요소의 테두리 선을 지정하는 단축 속성요소의 크기가 커진다.border-top, border-right, border-bottom, border-leftborder: 선-두께 선-종류 선-색상; (border-width, border-style, border-color

2021년 7월 22일
·
0개의 댓글