profile
안녕하세요
post-thumbnail

React에서 Scroll Progressbar 만들어보기 📈

안녕하세요! 오늘은 TypeScript + React를 이용하여 Scroll Progressbar 컴포넌트를 제작해보려고 합니다.

2021년 2월 15일
·
0개의 댓글
post-thumbnail

[JS] e.preventDefault()와 e.stopPropagation()의 차이점

안녕하세요. 오늘은 e.preventDefault()와 e.stopPropagation() 함수 두개의 차이점에 대해서 알아보겠습니다.

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

#5 React의 Input 상태관리

안녕하세요! 오늘의 리액트 주제는 Input (입력) 상태관리에 대해서 알아보겠습니다. input 상태관리는 이전에 배운 상태관리 Hooks인 useState를 활용하여 사용이 됩니다. 나중에 프로젝트를 하면서 필수이자 기본적으로 많이 쓰인다고 생각되는것중 하나가

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

#4 리액트 조건부 렌더링

안녕하세요. 어느덧 4번째 포스트 글이네요~ 오늘의 리액트 주제 글은 "리액트 조건부 렌더링" 입니다. 조건부 렌더링을 잘하면 리액트 프로젝트를 할때 매우매우 유용하고, 다양한 Toggle을 구현할 수 있습니다.논리 연산자는 여러 종류의 연산자가 있습니다. &&를

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

#2 JSX와 Props

안녕하세요! 오늘 작성해볼 리액트 주제는 JSX와 Props라는 주제입니다. 지난 글에서는 리액트 프로젝트 준비, 생성 과정을 해보았는데요, 이번에는 리액트 코드들을 만져보며 리액트의 기본적인 JSX와 Props의 구조에 대해서 알아보도록 하겠습니다😉 1. JS

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

#1 리액트 시작하기

1. 리액트란 무엇인가? 리액트는 FaceBook (페이스북) 에서 제작한 프론트엔드 UI 라이브러리 이며, 프론트엔드 3대장을 뽑으라고 하면 React, Vue, Angular라고 뽑을 만큼 굉장히 유명한 라이브러리 입니다. React는 상호작용이 많은 UI를 만들

2020년 4월 28일
·
0개의 댓글