태그 목록
전체보기 (328)자바스크립트(95)JavaScript(92)React(33)리액트(33)git(30)html(22)자료구조(22)CSS(21)노드(18)데이터베이스(17)node.js(15)알고리즘(14)C(14)타입스크립트(12)디자인 패턴(12)typescript(11)(11)내장 객체(10)mysql(9)정렬(9)컴포넌트(8)함수(8)scss(7)리덕스(7)ES6(7)hook(7)객체(6)리스트(6)트리(6)redux(6)mongodb(6)그래프(5)연산자(5)반복문(5)자바스크립트 함수(5)github(5)css 전처리기(5)몽고디비(5)브랜치(4)검색(4)비동기 처리(4)Sass(4)이진 트리(4)폼 요소(4)리덕스 미들웨어(4)클래스(4)Koa(3)DOM(3)병합(3)함수형 컴포넌트(3)HTML 폼(3)자바스크립트 연산자(3)클래스형 컴포넌트(3)함수 리터럴(3)미들웨어(3)깃허브(3)이벤트(3)데이터 조작문(3)셀렉터(3)프로그래밍 패러다임(3)연결 리스트(3)function(3)merge(3)Props(2)배열(2)State(2)Map(2)정규 표현(2)템플릿 엔진(2)express(2)타입(2)useState(2)http(2)블록 요소(2)REST(2)그래프 탐색(2)리액트 라우터(2)컴포넌트 스타일링(2)메소드(2)커밋(2)(2)에러(2)반응형 웹(2)TDD(2)데이터 타입(2)템플릿 문자열(2)소스트리(2)네트워크(2)branch(2)원격 저장소(2)자바스크립트 알고리즘(2)쿠키(2)라우터(2)라이브러리(2)&&(2)재귀(2)array(2)인라인 요소(2)(2)모듈(2)관계형 데이터베이스(2)브랜치 병합(1)선형 리스트(1)Restful(1)redux thunk(1)redux saga(1)스코프(1)옵저버 패턴(1)List(1)플렉스 박스(1)코드 스플리팅(1)single page application(1)linked list(1)stack(1)queue(1)호이스팅(1)show()(1)html 하이퍼링크(1)git revert(1)반응형 웹 페이지(1)조건부 렌더링(1)tagged template strings(1)자바스크립트 에디어(1)react router dom(1)클라우드 컴퓨팅(1)선언형 프로그래밍(1)heap(1)세션(1)sourcetree(1)nunjucks(1)반응형(1)이터레이터 패턴(1)BSON(1)BOM(1)패키지(1)함수형 프로그래밍(1)순수 함수(1)시맨틱 태그(1)generator(1)iterator(1)이중 연결 리스트(1)콘텐츠(1)velog(1)XMLHTTPRequest(1)웹 프레임워크(1)DDL(1)Promise 객체(1)스타일 우선순위(1)마진(1)rgb(1)하이퍼링크(1)fs(1)상수(1)비구조적 프로그래밍(1)자바스크립트 이벤트(1)노드 취득(1)OSI 7 Layer(1)동적 웹 페이지(1)산술 연산자(1)버블 정렬(1)CSS 스타일 시트 적용(1)브라우저 객체 모델(1)노드 워킹(1)프론트엔드(1)파괴적인 메소드(1)git rm --cached(1)float(1)객체지향 프로그래밍(1)AVL 트리(1)구조적 프로그래밍(1)라이프사이클(1)힙 정렬(1)클라우드(1)전개 연산자(1)리덕스 사가(1)개발자 도구(1)버전 관리(1)await(1)네트워크 7계층(1)서버(1)HTML Comment(1)useEffect(1)비교 연산자(1)JOIN(1)ajax(1)테스트 주도 개발(1)문서 객체 모델(1)Fetch API(1)for ~ in(1)react redux(1)비동기통신(1)그리드 레이아웃(1)(1)컴포넌트 생명주기(1)데크(1)(1)원형 큐(1)인접 리스트 그래프(1)데이터 모델(1)number(1)OSI(1)자바스크립트 주석(1)async(1)Linear List(1)ref(1)자바스크립트 배열(1)parameter(1)padding(1)class(1)while(1)for(1)내부 스타일 시트(1)리액트 훅(1)hue(1)git stash(1)웹 스토리지(1)엄격 모드(1)정적 메소드(1)Flex(1)데코레이터 패턴(1)HTML 특수문자(1)선형 검색(1)nesting(1)Deque(1)익스프레스(1)플렉스 박스 레이아웃(1)자바스크립트 자료형(1)git diff(1)카운팅 정렬(1)SCSS 컴파일(1)인수(1)frontend(1)색상 표기법(1)optional chaining(1)스키마(1)비동기 통신(1)Backend(1)레이아웃(1)그룹 셀렉터(1)(1)jasmine(1)Link태그(1)pug(1)span(1)div(1)Koa 미들웨어(1)상대 경로(1)절대 경로(1)클라이언트 사이드 렌더링(1)테두리(1)데이터 제어문(1)파일 시스템(1)조건문(1)break(1)문자열(1)캐스케이딩(1)margin(1)객체 확장 표현식(1)git log(1)sloppy mode(1)퍼그(1)발생자(1)@media(1)명령형 프로그래밍(1)2021년(1)REST API(1)find(1)json(1)continue(1)비동기처리(1)const(1)커맨드 패턴(1)클로저(1)기본 값 매개변수(1)회고록(1)파일 경로(1)브루트포스(1)filter(1)타입 추론(1)패딩(1)반복자(1)HTML 폼 요소(1)프로그래밍(1)스테이지(1)스타일 상속(1)리액트 리덕스(1)대입 연산자(1)Global 객체(1)koa router(1)스테이트 패턴(1)비트 연산자(1)인터페이스(1)프로토콜(1)구글 웹 폰트(1)String(1)class 셀렉터(1)tree(1)commit(1)박스 모델(1)git merge(1)웹 폰트(1)데이터 정의문(1) 셸 정렬(1)가운데 정렬(1)BFS(1)union(1)태그 셀렉터(1)퀵 정렬(1)외부 스타일 시트(1)미디어 쿼리(1)Math 객체(1)useMemo(1)useRef(1)this(1)protected(1)테이블(1)컴파일러(1)예외처리(1)update(1)middleware(1)자바스크립트 this(1)styled components(1)useCallback(1)자바스크립트 변수(1)script(1)reduce(1)border(1)가상 클래스(1)정규식(1)CSR(1)SSR(1)절차적 프로그래밍(1)선택문(1)git reset HEAD(1)구조 분해 할당(1)html 링크(1)Boyer Moore 법(1)하노이 탑(1)id 셀렉터(1)화살표 함수(1)console(1)순차 검색(1)git reset(1)유클리드 호제법(1)strict mode(1)클래스 상속(1)staging(1)애로우 함수(1)이진 탐색 트리(1)이진 검색(1)Tracked(1)마크다운(1)readonly(1)tryCatch(1)로컬 스토리지(1)스택(1)form(1)tsconfig(1)extends(1)Fetch(1)어댑터 패턴(1)단순 삽입 정렬(1)spa(1)display(1)지역 저장소(1)type 속성(1)nosql(1)연산자 우선순위(1)상속(1)퍼사드 패턴(1)JSX(1)react.js(1)인접 행렬 그래프(1)git show(1) 도수 정렬(1)병합 정렬(1)git-bash(1)DFS(1)프록시 패턴(1)타입 단언(1)자료형(1)Proxy 객체(1)정적 웹 페이지(1)regexp(1)iframe(1)브루트 포스(1)깃 GUI(1)너비 우선 탐색(1)인접 리스트(1)전체 셀렉터(1)릴레이션(1)do~while(1)numeric separators(1)HTML 테이블(1)템플릿 메소드 패턴(1)순회(1)Date(1)Function 생성자(1)프로토타입 체인(1)HTML 폼 속성(1)문자열 검색(1)트리 순회(1)기수 정렬(1).gitignore(1)HTML 주석(1)data structure(1)closure(1)private(1)깊이 우선 탐색(1)memo(1)for ~ of(1)set(1)연결 셀렉터(1)stash(1)타입스크립트 함수(1)인터프리터(1)자바스크립트 반복문(1)SCSS 변수(1)nullish coalescing(1)세션 스토리지(1)싱글턴 패턴(1)계수 정렬(1)컴포넌트 반복(1)오픈 소스 소프트웨어(1)연관 배열(1)repl(1)익명 함수(1)주석(1)html 시맨틱 태그(1)테스트 도구(1)vim(1)논리 연산자(1)git clone(1)switch문(1)git add(1)분기문(1)argument(1)16진수 표기법(1)서버 사이드 렌더링(1)리포지토리(1)인접 행렬(1)Symbol 객체(1)mixin(1)json 문서(1)object(1)인라인 스타일(1)회고(1)html 태그(1)스테이징(1)position(1)pakcage.json(1)SPA 페이지(1)가상 요소(1)정적 프로퍼티(1)script태그(1)팩토리 패턴(1)import(1)hsl(1)백엔드(1)넌적스(1)원형 연결 리스트(1)style 태그(1)타입 주석(1)fast-forward(1)id(1)속성 셀렉터(1)HTML 이미지(1)자바스크립트 스코프(1)npm(1)단순 선택 정렬(1)schema(1)DML(1)인자(1)오픈 소스(1)이벤트 핸들링(1)git commit(1)redux-logger(1)Graph(1)프레임워크(1)
post-thumbnail

[회고] 2022년 상반기 회고

여느때와 다름없이 똑같이 지내고 있었는데 어느새 4학년 1학기가 종강을 맞이해버렸습니다. 물론 아직 6월 중순이지만 상반기에 대해 회고를 하면서 돌아보도록 하는 시간을 가져볼까 합니다.4학년 졸업반이므로 경험을 쌓자는 의미에서 여러 회사들의 코딩 테스트를 치뤄봤습니다.

2022년 6월 19일
·
0개의 댓글
post-thumbnail

[Javascript] Console 객체

오늘은 자바스크립트를 처음 시작할 때 부터 우리와 함께한 Console에 대해서 다뤄볼까 합니다. 브라우저들은 클라이언트측의 개발을 보조하기 위해 개발자 도구를 지원하고 있는데, 이 개발자 도구를 조작할 수 있도록 하는 기능들을 제공하는 객체가 바로 Console 객체

2022년 5월 24일
·
0개의 댓글
post-thumbnail

자바스크립트 밈 풀어보기1 - 0 == "0"

메모\+연산자는 단항 연산자로 사용되면 숫자로 변환을 시도한다

2022년 5월 6일
·
0개의 댓글
post-thumbnail

[SCSS] SCSS 문법5 - @mixin & @include

이번 포스트에서는 SCSS(SASS)의 또 다른 강력한 문법인 @Mixin과 @include(보통 둘이 합쳐 Mixins이라고 부르는 사람들도 있습니다.)에 대해서 알아보도록 하겠습니다.Mixins은 스타일시트에서 재사용이 가능한 스타일을 정의할 수 있도록 하는 문법이

2022년 5월 6일
·
0개의 댓글
post-thumbnail

[SCSS] SCSS 문법4 - 연산자

SCSS는 연산을 위한 연산자들을 지원하고 있습니다. SCSS 타입이 지원하는 값이라면 연산자를 통한 연산으로 다양한 값을 표현할 수 있습니다. 연산자의 종류와 사용가능한 타입들은 아래표와 같습니다.SCSS를 다루실 정도라면 연산자의 의미정도는 아실거라고 생각되어 연산

2022년 5월 6일
·
0개의 댓글
post-thumbnail

[SCSS] SCSS 문법3 - @import

SCSS(SASS)에서도 @import 구문을 사용할 수 있습니다. SCSS에서 파일을 import할 경우 기본적으로 SCSS(SASS) 파일로 가져오게 됩니다.파일을 import 하게 되면 해당 파일의 내용이 현재 파일에 추가되는 효과를 가져옵니다.컴파일 결과만약,

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

[SCSS] SCSS 문법2 - Nesting

Nesting은 '중첩'이라는 뜻을 가진 단어입니다. SCSS(SASS)는 중첩이라는 기능을 지원해서 기존 CSS에서 셀렉터를 활용하는데 발생했던 여러 불편함들을 없애주고 있습니다.예를들어 CSS에서 어떤 자식요소를 선택하기 위해서는 다음과 같이 사용했어야 했습니다.C

2022년 5월 4일
·
0개의 댓글
post-thumbnail

[에러/해결] export 'withRouter' (imported as 'withRouter') was not found in 'react-router-dom'

문제가 된 코드에러 로그마찬가지로 리액트를 다루는 기술 개정판을 학습하던 중 오류를 만나게 되었습니다. 로그인/회원가입 과정에서 로그인/회원가입 버튼을 누르면 홈으로 이동하도록 하는 상황이었는데, 그 과정에서 아래와 같은 오류를 내뱉습니다.withRouter를 reac

2022년 5월 3일
·
0개의 댓글
post-thumbnail

[SCSS] SCSS 문법1 - 변수

이번 포스트부터 SCSS의 문법에 대해서 다루도록 하겠습니다. 진행을 하다가 SASS와 다른 부분이 존재하는 문법에 대해서는 차이점도 함께 소개하려고 합니다.먼저 SCSS에서 주석을 다는 방법은 CSS에서 주석을 다는 방식과 동일하게 /\* \*/를 이용합니다.SASS

2022년 4월 29일
·
0개의 댓글
post-thumbnail

인터프리터 방식과 컴파일러 방식

프로그래밍 언어로 코드를 작성하고 실행시키는 방식 중 가장 유명하고 대표적인 두 가지 방식에 대해서 소개해볼까 합니다.먼저, 인터프리터 방식을 소개해드리겠습니다.인터프리터 방식은 프로그램을 실행할 때 인터프리터를 이용하여 코드를 한 줄 씩 읽어나가며 실행하는 방식입니다

2022년 4월 19일
·
0개의 댓글
post-thumbnail

비구조적 프로그래밍과 구조적 프로그래밍

비구조적 프로그래밍은 하나의 함수나, 코드 몸체에 연속된 코드를 작성하는 프로그래밍 패러다임입니다. 이 방식은 구조(함수, 서브루틴 등)를 따로 두지 않고, 하나의 큰 코드 안에 전체 프로그램 코드가 들어있는 형태로 작성하는 프로그래밍 방식입니다. 이 방식은 주로 초기

2022년 4월 19일
·
0개의 댓글
post-thumbnail

[SCSS] SCSS 컴파일

지난 포스트에서 SCSS를 소개하면서 SCSS를 웹에서 사용하기 위해서 컴파일 과정을 거쳐야한다고 언급했습니다. 그래서 이번 포스트에서는 SCSS 사용법에 앞서 SCSS를 컴파일하는 여러 방식들에 대해서 알아보도록 하겠습니다.SassMeister는 온라인으로 .scss

2022년 4월 15일
·
0개의 댓글
post-thumbnail

[SCSS] SASS/SCSS 소개

CSS를 어느정도 배우다보면 CSS 전처리기(Preprocessor)라는 말을 많이 들어보셨을 것 입니다. 이름 그대로 전처리기는 CSS가 동작하기 전에 먼저 동작을 하는 코드입니다. 그러면 무엇을 위해서 전처리기를 사용하는 것 일까요?CSS를 사용하면서 작성이 어렵다

2022년 4월 15일
·
0개의 댓글
post-thumbnail

에러는 부끄러운 것이 아니다

코딩하면서 가장 많이 만나는 단어 중 하나는 에러(Error)라고 생각합니다. 저도 공부하면서 꽤 많은 양의 코드를 작성해 봤지만 실패한 코드가 훨씬 많을정도로 수많은 에러를 발생시켜봤습니다.단순히 코드를 따라해보고 이해하는 것도 공부가 되지만, 에러가 발생하면 이 에

2022년 4월 11일
·
0개의 댓글
post-thumbnail

[에러/해결] MongoParseError: option usefindandmodify is not supported

Velopert님의 리액트를 다루는 기술 개정판 21장 부터 시작하는 블로그를 클론코딩을 공부하다가 에러에 부딛혔습니다. 분명 책에 있는 그대로 작성했고, 오타도 없음을 확인했는데 왜 이럴까 싶었습니다.문제가 된 코드에러 로그에러로그가 꽤 길지만 결국 중요한 문장은 M

2022년 4월 11일
·
0개의 댓글
post-thumbnail

[Git] 충돌

충돌(conflict)는 병합 과정에서 일어나는 현상입니다. 깃으로 작업을 진행하면서 작업 파일의 같은 위치를 동시에 수정했을 경우 발생합니다. 혼자서 개발하는 경우 잘 일어나지 않지만, 여러명이서 개발하는 경우 제법 자주 볼 수 있습니다.충돌이 발생하는 경우 깃에서는

2022년 4월 9일
·
0개의 댓글
post-thumbnail

[Git] fetch

fetch는 git pull 명령처럼 원격 저장소로 부터 파일을 내려받는 명령입니다. pull은 내려받을 때 자동으로 병합을 해주었으나, fetch명령은 자동으로 병합이 되지 않습니다.fetch를 수행하게 되면 원격 저장소의 최신 커밋을 임시 브랜치로 내려받습니다. 그

2022년 4월 8일
·
0개의 댓글
post-thumbnail

[Git] 3-way 병합

3-way 병합 지난 포스트에서 다룬 Fast-Forward 병합은 순차적으로 분기되어 작업된 브랜치를 병합하는데 사용한 병합 방식이었습니다. 작업이 순차적으로 진행되기 때문에 병합과정에서 따로 신경써야할 부분은 없었습니다. 오늘 다루는 3-way 병합은 좀 더 복잡

2022년 4월 7일
·
0개의 댓글
post-thumbnail

[Git] Fast-Forward 병합

예전 포스트에서 두 브랜치를 병합하는 방법을 간단하게만 다뤘습니다. 오늘 다룰 병합 방식은 Fast-Forward 병합 방식인데, 이 병합 방식이 무엇이고, 어떻게 이루어지는지 알아보도록하겠습니다.Fast-Forward는 가장 간단한 병합 방식입니다. 이 방식은 혼자

2022년 3월 20일
·
0개의 댓글
post-thumbnail

[React] styled-components

styled-components는 인기있는 컴포넌트 스타일링 라이브러리입니다. 기존에 CSS를 활용하여 스타일링을 할 때는 따로 CSS 만들어서 import 시켜야했었는데요. styled-components를 이용하면 자바스크립트 파일 내부에 스타일을 정의할 수 있습니

2022년 3월 19일
·
0개의 댓글