Jessie

I am growing 🌱

Javascript

[JS] 코어자바스크립트 - 클래스

September 5, 2023

코어자바스크립트 읽고 내용 정리하며 복습하기

[JS] 코어자바스크립트 - 프로토타입

August 29, 2023

코어자바스크립트 읽고 내용 정리하며 복습하기

[JS] 코어자바스크립트 - 클로저

August 26, 2023

코어자바스크립트 읽고 내용 정리하며 복습하기

[JS] 코어자바스크립트 - 콜백함수

August 18, 2023

코어자바스크립트 읽고 내용 정리하며 복습하기

[JS] 코어자바스크립트 - this

August 18, 2023

코어자바스크립트 읽고 내용 정리하며 복습하기

[JS] 코어자바스크립트 - 실행 컨텍스트

August 1, 2023

코어자바스크립트 읽고 내용 정리하며 복습하기

[TIL] 알고리즘 문제를 풀면서 궁금했던 사소한 것들

July 27, 2023

비교연산자, 상수와 변수의 사용, 숫자 변환 메소드에 관하여

[JS] 코어자바스크립트 - 데이터 타입

July 27, 2023

코어자바스크립트 읽고 내용 정리하며 복습하기

[JS] async / await 개념정리

May 14, 2022

await과 async는 promise를 더 깔끔하게 사용할 수 있는 방법이다.

[JS] ES6 Promise 개념정리

May 10, 2022

콜백함수의 중첩이 많아지면 가독성이 떨어지고 복잡해지므로, promise 문법을 사용하면 좋다.

[JS] 자바스크립트 동작 원리 (stack, queue, 동기, 비동기, 콜백함수)

May 9, 2022

다른 언어가 동작할때는 순서대로 작동하지만, 자바스크립트는 아닌 경우가 있다.

[JS] 스크롤이벤트에 필요한 메소드들

May 6, 2022

스크롤 애니메이션을 만들면서 배운 메소드들 정리해두기

[JS] 구조분해할당 Destructuring assignment

May 4, 2022

객체나 배열 자료를 변수로 분해해 활용할 수 있게 해주는 문법

[JS] 조건부 삼항 연산자 (Conditional operator)

April 28, 2022

if문의 단축형태로 사용할 수 있는 조건부 삼항 연산자

[JS] 원하는 DOM node 잡아오기

April 3, 2022

원하는 요소를 맘대로 딱 잡아오는게 쉽지 않았는데, 강의 들으면서 좀 정리가 되었다.

[JS] 자바스크립트의 Class 문법

February 13, 2022

Class를 사용하면 Constructor보다 더 명확하고 깔끔한 코드를 만들 수 있다.

[JS] Prototype 개념 정리

February 7, 2022

자바스크립트가 프로토타입 기반 언어라는 것은 결국 객체지향적 특성을 설명한다.

[JS] Reference data type 개념 정리

January 29, 2022

타입에 따라 변수 할당,수정,복사 등의 작업을 하는 과정에서 다른 결과가 나올 수 있다.

[JS] Spread operator (스프레드 연산자) 활용하기

January 13, 2022

스프레드 연산자를 활용하면 배열이나 객체의 값을 꺼내서 활용할 수 있다.

[JS] Template literals & Tagged templates

January 12, 2022

템플릿 리터럴은 문자열을 다루기 쉽게 하는 ES6 문법이다.

[JS] hoisting과 TDZ(Temporal Dead Zone)

January 11, 2022

const, let, var를 공부할때 복잡해서 넘어갔던 호이스팅 다시 정리하기

[JS] 문맥에 따라 다른 값을 가지는 this

January 9, 2022

자기자신을 뜻하는 this는 쓰여진 위치에 따라 해석이 달라진다.

[JS] 객체를 생성하는 new 생성자 (Constructor)

January 8, 2022

객체지향 프로그래밍 개념을 이해하고 다시 보는 new 생성자

[JS] 객체지향 프로그래밍 이해하기

January 8, 2022

객체지향 프로그래밍 개념에 대한 이해는 중요하구나

[JS] Array 관련 method 정리 - sort(), reduce(), map(), filter()

December 13, 2021

ES6 문법으로, Array 내 모든 요소를 반복해서 가공시키는 메소드이다.

[JS] 탭메뉴를 만드는 두 가지 방법 (반복문, 이벤트 버블링)

December 10, 2021

탭 메뉴를 만드는 두가지 방법에 대한 강의 내용 정리하기

[Jquery] element filtering method

December 8, 2021

탭 메뉴 만들때 반복문을 쓰면서 배운 필터링 문법 다시 정리하기

[JS] 반복문 개념 정리 (while, for)

December 8, 2021

생활코딩 반복문 파트를 다시 공부하며 정리했다.

[JS] const, let, var 개념정리 (feat. hoisting, scope)

December 4, 2021

어떤 강의에서는 var를 피하라고하고, 어떤 강의는 var만 사용하길래 정리해보았다.

[JS] Vanila Javascript 복습 2

November 29, 2021

노마드코더 자바스크립트 강의 들었던 내용을 다시 복습해보자

[JS] Vanila Javascript 복습 1

November 21, 2021

노마드코더 자바스크립트 강의 들었던 내용을 다시 복습해보자

TIL

[TIL] 가장 중요한 것은 의미

July 28, 2023

코드를 짤 때 가장 중요한 것은 의미를 생각하는 것이다.

[TIL] prettier is not working

May 15, 2022

prettier로 삽질하면서 찾아본 내용을 기록해보자

[TIL] 구글링과 친해지는 중

March 23, 2022

처음으로 업무에 활용할 코드를 만들었고 생각보다 더 많은 것을 배웠다.2

[TIL] 혼자 만들어 본 코드 중 아마도 가장 쓸모있는 것

March 3, 2022

처음으로 업무에 활용할 코드를 만들었고 생각보다 더 많은 것을 배웠다.

[TIL] 자바스크립트로 애플갬성 스크롤 애니메이션 만들기

December 19, 2021

강의에서 배운내용 업그레이드 해보기. 너무 뿌듯해서 남기는 글

[TIL] parameter와 argument 구분하기

December 1, 2021

parameter, argument, 인자, 매개변수 등등의 단어들이 정리가 잘 안되어서 찾아봤다.

[TIL] addEventListener 호출함수에 argument 넣기 (익명함수)

November 30, 2021

버튼에 함수로 이벤트를 추가했다. 클릭도 안했는데 함수가 바로 실행되버린 이유..

[TIL] Github Pages로 프로젝트 사이트 만들기

November 28, 2021

오늘의 시행착오를 정리하고, 언젠가 pages로 깃헙 블로그를 만들기 위해 기록해본다.

[TIL] 이게 왜 안되다가 되는건지 모르겠어서 적는 글

November 20, 2021

퀴즈를 풀다가 생긴 의문점을 글로 정리해 남겨본다. 코드챌린지는 너무 재밌어..

[TIL] 삽질일기, git commit 관리는 어려워…

October 7, 2021

깃? 브랜치? 삽질다가 갑자기 커밋 실패했던 이야기

Algorithm

[Algorithm] 알고리즘 기초 (javascript)

December 28, 2022

강의를 듣고 정리하며 복습하고, 필요할때 다시 찾아볼 알고리즘 기초 이론

[Algorithm] 연습문제 - 경우의 수 구하기

October 26, 2022

경우의 수를 구하는 문제를 통해 조합과 순열 알고리즘을 공부해보자

[Algorithm] 연습문제 - 최빈값 구하기

October 13, 2022

값의 중복 횟수를 구하면서 배열과 객체 다루는 법을 조금 더 공부할 수 있었던 문제

[Algorithm] 최대공약수와 최소공배수 구하기

October 12, 2022

자바스크립트로 최대공약수와 최소공배수를 구해보자

[Algorithm] Array 배열의 기본

October 4, 2022

배열을 생성하고 요소를 추가, 삭제하는 방법들을 정리해보자

[Algorithm] 시간복잡도 Big-O notation

September 27, 2022

알고리즘의 효율성을 비교하기 위해 Big-O 표기법을 활용한다.

[Algorithm] 알고리즘 공부가 필요한 이유

September 26, 2022

그냥 코딩테스트용?? 알고리즘과 데이터구조 공부가 필요한 이유

TOY

[TOY] 가계부 만들기 7주차 : 다시 리팩토링 & 마무리

December 13, 2022

다시 리팩토링 하고 드디어 기본기능 구현 완료!

[TOY] 가계부 만들기 6주차 : 리팩토링 및 기능 구현 마무리

December 5, 2022

지난주에 마무리하려고 했는데 마무리는 커녕 어찌 해야할 일이 더 많아졌다.

[TOY] 가계부 만들기 5주차 : 디테일 기능 추가

November 28, 2022

소비내역 등록 관련 디테일 기능들을 추가 구현했다.

[TOY] 가계부 만들기 4주차 : 기본 기능 구현 마무리

November 21, 2022

소비내역 데이터를 로컬에 저장하고 리스트에 반영시키는 기능을 구현했다.

[TOY] 가계부 만들기 3주차 : 모달, 달력 등 기본 기능 구현

November 14, 2022

예산 설정, 소비내역 추가 모달, 달력 기능 등을 구현했다.

[TOY] 가계부 만들기 2주차 : 기능 구현 시작

November 7, 2022

바닐라 자바스크립트로 기본이 되는 기능을 구현하기 시작했다.

[TOY] 가계부 만들기 1주차 : 프로젝트 시작과 셋팅

November 1, 2022

드디어 생각만 많았던 가계부 만들기를 실행에 옮겼다.

Blog

[Blog] 블로그에 댓글 기능 추가하기

August 8, 2022

utterances로 블로그에 댓글 기능을 추가해보자 (minimal-mistakes테마)

[Blog] 깔끔한 블로그를 위한 몇가지 셋팅들

August 6, 2022

맘에드는 블로그 셋팅을 위해 수정한 자잘한 내용들 모음집

[Blog] fork 해온 저장소에 커밋하면 잔디가 안심겨요

August 6, 2022

블로그를 만들고 열심히 포스팅했지만 잔디가 안심기는 상황을 해결해보자

[Blog] 깃헙 블로그 파비콘 등록하기

August 6, 2022

생각보다 간단하게 블로그 파비콘을 등록할 수 있다.

[Blog] 깃헙 블로그에 포스팅하기

August 5, 2022

깃헙 블로그에 글을 올리기 위한 방법을 정리해보자.

[Blog] 깃헙 블로그 빠르고 심플하게 만들기

August 4, 2022

배워가는 과정이라 디테일한건 모르는게 많다. 몇번의 삽질 과정에서 알게된 것들을 포스트로 남겨본다.

CSS

[CSS] position 속성 제대로 알고가기

December 5, 2021

처음에 배워서 무지성으로 사용했던 position을 복습해보자

[CSS] 말줄임 처리하기

October 7, 2021

CSS로 말줄임을 처리하는 두 가지 방법을 알아보자

[CSS] 반응형에서 이미지 종횡 비율 맞추기

October 4, 2021

반응형 사이트에서 마구 변하는 width값에 따라 같은 비율로 height를 맞춰주자

[CSS] display 와 visibility

August 28, 2021

가볍게 생각하고 넘겼다가 쓸 때마다 헷갈렸던 속성 정리하기

Log

[Log] 새롭게 시작하며

September 21, 2022

퇴사 후 새로운 여정을 시작하는 나의 작은 다짐

[Log] 블로그 이사의 달인

August 7, 2022

몇번째 블로그 이사인가.. 이제 다시 글 옮기기를 시작하지

[Log] 생각하고 기록해서 내 것으로 만들기

August 26, 2021

클론코딩 강의를 들으면서 내가 정말 제대로 아는게 맞나 의심이 들었다.

React

[React] 리액트 기초내용 복습 : props

August 16, 2022

리액트 기초 내용을 기록하며 복습하자. 자식 컴포넌트에 데이터를 보내주는 props

[React] 리액트 기초내용 복습 : useState

August 11, 2022

리액트 기초 내용을 기록하며 복습하자. 데이터를 담고 처리하는 useState

[React] Why React? 리액트 시작하기

May 11, 2022

무작정 시작해보는 리액트. 왜 리액트를 사용하는지 먼저 이해하자

Typescript

[Typescript] Class, Abstract class, Interface

July 31, 2022

노마드코더 타입스크립트 강의 수강 후 복습 정리 3

[Typescript] Call signature, Overloading, Generic

July 27, 2022

노마드코더 타입스크립트 강의 수강 후 복습 정리 2

[Typescript] 타입스크립트를 사용하는 이유, 프로젝트 셋팅하기

July 14, 2022

노마드코더 타입스크립트 강의 수강 후 복습 정리 1

Toyproject

[myBudget] Styled-components 전역 스타일 적용하기

September 26, 2023

global styles & styled-reset & ThemeProvider

[myBudget] React icon component

September 22, 2023

리액트 + 타입스크립트 프로젝트에서 SVG를 활용한 아이콘 컴포넌트

[myBudget] 프로젝트 환경설정

September 20, 2023

React, Typescript, ESlint 개발환경 설정 및 컴포넌트 구조 설계

HTML

[HTML] a, button, input type=’submit’ 구분하기

August 30, 2021

비슷해보이는 것들.. 시멘틱한 마크업을 위해 정확히 뭐가 어떻게 다른건지 찾아보았다

VScode

[VScode] 자주쓰는 단축키 정리

September 26, 2021

처음에는 찾아보느라 시간이 걸려도 익숙해지면 아주 편해지는 단축키

Git

[Git] 커밋 관련 명령어 모음

September 26, 2021

항상 너무 성급하게 커밋하고 후회하는 나.. 커밋 수정 명령어 공부 필수

Posts by Category

Javascript

TIL

Algorithm

TOY

Blog

CSS

Log

React

Typescript

Toyproject

HTML

VScode

Git