profile
개발개발

로그인 프로세스(JS클로저, 권한분기,React HOC vs HOF)

로그인 기능을 공부해보았다. 기본적으로 아이디 비밀번호를 입력해서 로그인한다고 해보자. 아이디와 비밀번호를 받았으면 로그인을 시도해보자 이미 만들어져있는 로그인 API이다. password와 email을 variables로 넘겨주고 로그인 했다는 것을 증명받아야

2022년 2월 16일
·
0개의 댓글

Redux

redux를 쓰는 이유는 다양하다.props가 없이도 모든 컴포넌트들이 state를 사용할 수 있게해준다.import {Provider} from 'react-redux';ReactDOM.render( <React.StrictMode>

2022년 2월 14일
·
0개의 댓글

Context API

보통 상위컴포넌트에서 하위컴포넌트로 데이터를 전달할 때 pros를 사용한다. 가까운 컴포넌트끼리는 괜찮을 수 있지만 컴포넌트간의 거리가 멀어진다면 props를 정말 많이 내려줘야한다. 큰 프로젝트일수록 컴포넌트마다 props를 거치는 것은 비효율적이므로 이럴때 Cont

2022년 2월 14일
·
0개의 댓글

useEffect

useEffect 함수는 컴포넌트가 렌더링 될 때마다 특정한 작업을 발생시키는 Hook이다. 이로써 클래스형 컴포넌트에 있는 생명주기 메소드들을 함수형 컴포넌트에서도 useEffect로 사용할 수 있다.useEffect(function, deps)useEffect의 사

2022년 2월 13일
·
0개의 댓글

Lazy load vs Pre load

레이지 로딩은 이미지, 영상에 대한 로딩을 바로 하지않고 나중으로 미루는 것을 의미한다. 레이지 로딩을 적용시키지 않는 웹페이지를 열면 브라우저가 받아오는 모든 이미지를 읽고 불러와서 DOM 렌더링을 할 것이다. 이미지가 한두개면 상관이 없지만 100개~1000개의 많

2022년 2월 7일
·
0개의 댓글

React props

React에서 state나 상위컴포넌트에 있는 다양한 변수들을 다른 파일의 하위컴포넌트에서 쓰고 싶을 때가 있다. 이때 props라는 것을 사용한다.예를들어 import 하위컴포넌트 from '하위컴포넌트 경로'<상위컴포넌트> <하위컴포넌트 상위컴포넌트의 변

2022년 1월 21일
·
0개의 댓글

JS vs TS

타입스크립트는 자바스크립트를 안전하게 사용 하기 위해 마이크로소프트에서 만든 언어입니다. 하지만 웹브라우저는 HTML, CSS, Javascript 밖에 읽을 수 없다. 그래서 타입스크립트로 만든 프로그램은 실제로 실행시 자바스크립트로 변경 되어서 실행된다. 이렇게 변

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

다른페이지로! Routing

라우팅에 대해 공부해보았다. 라우팅은 페이지 이동에 대한 이야기였다.라우팅을 할때에는 const router = useRouter() 를 사용한다.router. 을 쳐보면 다양한 내장 함수들이 있는데 그중에 push("이동할 페이지")를 사용하면 이동할 페이지로 페이지

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

동기 / 비동기 통신

프론트엔드 컴퓨터와 백엔드 컴퓨터가 데이터를 주고 받을 때 2가지 방식이 있는데,동기, 비동기 방식이다.동기 방식은 요청들과 응답들이 있을 때, 기존 요청에 대한 응답이 다 도착한 후에서야 다음 요청을 하는, 한 트랙으로만 요청과 응답이 이루어지는 방식을 동기 방식이

2022년 1월 13일
·
0개의 댓글

API 및 데이터 통신

프론트엔드 컴퓨터와 백엔드 컴퓨터는 데이터를 주고 받아야 한다.이때 데이터가 무엇이냐에 따라서 다른 "길"을 사용하는데파일을 주고 받을때는 FTP, 간단한 메일을 주고 받을때에는 SMTP, 텍스트나 하이퍼텍스트를 주고받을 때에는 HTTP라는 길을 이용한다. 예를들어 s

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

React를 왜 사용할까?

대표적인 Front-end 도구라고 하면 Vue.js React.js Angular.js 가 있다.이중에 React를 공부하는 이유가 무었일까?위 자료는 npm trend 라는 사이트에 들어가서 시기별로 개발자들이 많이 사용하는 개발툴을 그래프로 가져온 것이다. 위처럼

2022년 1월 11일
·
0개의 댓글

React를 사용해보자!

기존 HTML CSS JS VS React 지난주에 HTML, CSS, JS의 입문수준으로 공부를 하고 실제 실무에 쓰이는 React를 다루는 법을 공부했다. 기존에는 HTML, CSS, JS를 각각 따로 만들어서 HTML 입장에서 CSS를 link 태그를 이용하여

2022년 1월 10일
·
0개의 댓글