React

프로젝트 후기 - 홈 개편

이번 인센스 출시에 맞춰, 홈 섹션을 인센스 제품에 초점을 맞춰 개편하는 프로젝트를 담당하게 되었다. 새롭게 적용해보는 라이브러리, css가 많아 정리를 해본다. 또 생각보다 디바이스 별 대응하는걸로 애를 먹었는데 이것도 정리를...

SPA 프로젝트에 다이나믹 og태그 삽입하기

SPA 프로젝트에 다이나믹 og태그 삽입하기

패럴랙스 스크롤링에 대해 알아보자

패럴랙스 스크롤링(parallax scrolling)에 대해 알아보자

useRef 사용시 발생하는 null 오류 해결과 대응방법(ex: Cannot read property 'style' of null)

useRef 사용시 발생하는 null 오류 해결과 대응방법(ex: Cannot read property ‘style’ of null)

🥓리액트 리뉴얼 프로젝트 후기🥓

🥓리액트 리뉴얼 프로젝트 후기🥓

스크롤에 따라 반응하는 네브바 만들기

이번 진행한 프로젝트에선 크게 메인 네브, 콜렉션의 서브콜렉션 네브, 상품 상세페이지에서 메뉴탭에서 스크롤 반응에 따라 height가 조절되는 네브를 가지고 있다. 메인 네브는 height만이 조절되지만 서브콜렉션 네브와 상세페이지의 메뉴탭은 스크롤이 일어날때...

input onChange 이벤트를 딜레이 되게 처리하기

input onChange 이벤트를 딜레이 되게 처리하기

string data html로 파서하기

dangerouslySetInnerHTML 사용하기

Git

브랜치 작업물 메인브랜치로 머지하는 방법

master브랜치에서 test브랜치를 생성하여 작업하다 master로 merge되길 원하는 상황

CSS

🥓리액트 리뉴얼 프로젝트 후기🥓

🥓리액트 리뉴얼 프로젝트 후기🥓

스크롤에 따라 반응하는 네브바 만들기

이번 진행한 프로젝트에선 크게 메인 네브, 콜렉션의 서브콜렉션 네브, 상품 상세페이지에서 메뉴탭에서 스크롤 반응에 따라 height가 조절되는 네브를 가지고 있다. 메인 네브는 height만이 조절되지만 서브콜렉션 네브와 상세페이지의 메뉴탭은 스크롤이 일어날때...

Developing Story

우아한 멘토링 후기

우아한 멘토링 후기

2021년 회고 - 0년차 개발자

많은 개발자 분들이 한 해를 마무리하며 한 해를 어떻게 보냈는지 회고를 작성하는 것 같아 작성해보기로 했다. 매년 한 해를 되돌아 보며 개발자로써 어떤 시간을 보냈는지 되돌아보면 연차가 쌓일 수록 꺼내보기...

useRef 사용시 발생하는 null 오류 해결과 대응방법(ex: Cannot read property 'style' of null)

useRef 사용시 발생하는 null 오류 해결과 대응방법(ex: Cannot read property ‘style’ of null)

🥓리액트 리뉴얼 프로젝트 후기🥓

🥓리액트 리뉴얼 프로젝트 후기🥓

첫 배포

첫 배포

Algorithm

알고리즘 - Search(탐색)

탐색 알고리즘

알고리즘 문제해결 패턴

1. Frequency counters(빈도를 세어야하는 문제)

7강 욕심쟁이 알고리즘(1)

욕심쟁이 방법의 원리(greedy algorithm)

6강 동적 프로그래밍 알고리즘(2)

스트링 편집거리 문제

5강 동적 프로그래밍 알고리즘(1)

동적 프로그래밍 알고리즘

3강 분할정복 알고리즘(1)

분할정복 방법의 원리

2강 알고리즘의 기초

알고리즘 정의

1강 알고리즘 학습에 앞서서

알고리즘을 배우는 이유?

javascript

Promise, Async/Await

Promises, Async/Await

UX

패럴랙스 스크롤링에 대해 알아보자

패럴랙스 스크롤링(parallax scrolling)에 대해 알아보자

JavaScript

실행 컨텍스트

실행컨텍스트

스코프

스코프(Scope)

자바스크립트 변수와 데이터타입

변수 컴퓨터는 모든 데이터를 2진수로 받고 메모리에 저장하게 되는데 변수는 값을 저장하기 위해 확보한 메모리 공간 자체 또는 메모리 공간을 식별하기 위해 붙여진 이름이다.

TypeScript

TypeScript의 enum은 사용하지 않는 것이 좋다.

프로젝트에 사용되는 상수를 주로 object 형태나 TypeScript의 enum으로 선언하여 사용하는 것을 선호하였다. enum의 경우 문자열 할당이 가능하여 좀더 명확한 의미를 이해할 수 있고 enum에 들어있는 값만을 사용해야 되기 때문에 개인적으로...

Functional Programming

액션과 계산, 데이터의 차이 알기

2주차 - 액션과 계산, 데이터의 차이 알기

함수형 프로그래밍이란?

함수형 프로그래밍이란?