profile
[ ]-vation. 일상에 빗대 공감하고, 동기를 쥐어주는 개발자가 되고 싶습니다.
post-thumbnail

React 동작 원리

개요 velog 뿐만 아니라 구글에 'React 동작 원리'를 검색하면 정말 무수한 정리글이 쏟아져나옵니다. 다만 이 지식을 온전한 저의 말로 정리하기 위해 포스팅합니다. What is React? React는 facebook에서 제공하는 프론트엔드 라이브러리입니다. Component 기반으로 UI를 작성하는 데, 저는 이것을 UI 퍼즐이라고 ...

6일 전
·
0개의 댓글
post-thumbnail

JavaScript의 동작 방식

개요 기능 구현은 잠시 묻어두고, 원론적인 부분을 점검하고자 포스팅합니다. 일반적인(?) 언어의 경우 저의 맨 처음 학습한 언어는 C였습니다. 가장 처음 마주한 코드는 역시나, 너무나도 흔한... '안녕 세상!' 입니다. 위의 코드는 이렇게, 터미널에 출력됩니다. 가령, printf문의 중간에 > timeout을 넣으면 1 출력 후, 1초...

6일 전
·
0개의 댓글
post-thumbnail

React에서 자식 노드 삭제하기

개요 구현 중인 프로젝트에는 관리자 페이지가 있습니다. 그 기능 중, 환불 요청된 주문을 처리하는 것이 있는데 반품 처리 진행시 서버에서 true 응답을 보내면 위의 Refund Request 아래 표시되는 리스트를 갱신해줘야합니다. > 페이지가 렌더링될 때 refund list를 받아온다. 렌더링된 각각의 리스트를 클릭하면 세부 정보가 출력된다....

2021년 11월 30일
·
0개의 댓글
post-thumbnail

position & display #2

display 속성 정리입니다.

2021년 11월 30일
·
0개의 댓글
post-thumbnail

position & display #1

position 속성에 대해 정리합니다.

2021년 11월 30일
·
0개의 댓글
post-thumbnail

Semantic Web 과 Semantic Tag

Semantic! Semantic은 직역하면 위와 같이 '의미론적인' 이라는 뜻입니다. 즉 Semantic Web/Tag는 무언가 의미를 가지고 있는 웹, 또는 태그라고 설명할 수 있습니다. Semantic Web이란? 빅데이터... 인공지능.... 핀테크.... 등 화두에 올라와있는 키워드의 가운데에는 '데이터'라는 주제가 있습니다. 여기서 정...

2021년 11월 29일
·
0개의 댓글
post-thumbnail

React / SPA

SPA에 대해 정리해보았습니다.

2021년 11월 29일
·
0개의 댓글
post-thumbnail

GSAP Trick / TIL ~11.01 #2

개요 #1 포스트에서 예고했던 개인 프로젝트의 관리자 페이지에 GSAP가 적용된 것을 소개합니다. Manage Page > 첫 구상은 위와 같습니다. 하이라이트는 2번이 될텐데, 우선 전체 구성을 확인해봅니다. HTML Codes > 각 content div는 relative position과 inline-block display를 통해 가로...

2021년 11월 9일
·
0개의 댓글
post-thumbnail

MongoDB TTL 설정

개요 웹 커머스에선 적립금, 쿠폰 등을 활용하곤 합니다. 각각은 보통 유효기간이 설정되는 편이고, 이를 MongoDB에서 설정하는 것을 정리합니다. > 참고 링크 : https://docs.mongodb.com/manual/tutorial/expire-data/ TTL이란? > TTL : Time To Live. 컴퓨터나 네트워크에서 데이터의 유효 ...

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

GSAP Trick / TIL ~11.01 #1

개요 어느새 11월이 됐습니다! 10월의 4, 5째주에 진행한 것은 아래와 같습니다. > 그 가운데 가장 유용하게 써먹은 것이 GSAP입니다. 머리 속에 그려진 그림을 어거지로 구현한다는 불편한 느낌이 있었는데 GSAP 덕분에 어느정도 해소된 것 같네요! 오늘 포스팅은 1번인 자기소개 페이지에서 써먹은(?) Loading Trick입니다. L...

2021년 11월 1일
·
0개의 댓글
post-thumbnail

Image Slider / TIL ~10.22

React에서 라이브러리 없이 Image Slider를 구현한 것을 정리했습니다.

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

useMemo()

React Hook의 useMemo에 대해 정리했습니다.

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

Image zoom in 구현하기 - 2

커서를 이미지에 올렸을 때 확대되는 것을 만들어보았습니다.

2021년 10월 1일
·
0개의 댓글
post-thumbnail

Image zoom in 구현하기 - 1

React 환경에서 직접 Image zoom in을 구현해보았습니다.

2021년 10월 1일
·
0개의 댓글
post-thumbnail

웹 vs 인터넷

웹과 인터넷에 대한 정리

2021년 9월 14일
·
0개의 댓글
post-thumbnail

MongoStore로 세션 활용하기

MongoStore로 세션을 만들고, Frontend / Backend에서 로그인/로그아웃하는 것을 정리합니다.

2021년 9월 10일
·
0개의 댓글
post-thumbnail

FE -> BE 데이터 전달이 안될 때.

오랜만의 포스트이고, 짧게 끝날 글입니다.쇼핑몰 사이트 제작 중 회원가입을 구현할 때FE에서 BE로 데이터가 전달이 되지 않더랍니다.한 30분 정도 뒤적이다가.. 알아보니 정말 간단한 문제였습니다.node의 index.js에서,parser에 해당하는 부분이 라우터들의

2021년 9월 10일
·
0개의 댓글
post-thumbnail

날씨 API 핥아보기 / React Hook

React에서 날씨 API를 이용하는 방법입니다.

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

Input에 이미지 넣기!

React에서 문자를 입력하는 필드에 이미지를 넣는 것을 구현한 과정을 기록한 포스트입니다.

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

Async / await - React.js

React 에서의 Async, await usage를 정리합니다.

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