post-thumbnail

useState는 동기적 비동기적

들어가기 전에 useState 란 useState는 컴포넌트에서 state값을 추가할때 사용된다. 함수형 컴포넌트에서는 클래스형 컴포넌트처럼 state를 사용할 수 없어, Hook을 사용해서 state와 같은 기능을 할 수 있도록 만들어주었다. state와 Hook state : state는 그냥 변수이다. 하지만 일반적인 const, let과 다르게 ...

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

this

this

2022년 8월 5일
·
0개의 댓글
·
post-thumbnail

TS 랜덤 rgb 색상 구하기

랜덤하게 0 ~ 255 사이의 숫자를 3개 구한다.랜덤하게 구한 r, g, b를 16진수 값으로 변경시켜 주고 소문자로 나온 값을 대문자로 변경시켜준다.16진수로 변경된 값을 \`4. 유효한 랜덤의 RGB 값을 구하고 한 번 더 16진수로 변화 후 앞에 #을 붙인 후

2022년 8월 4일
·
0개의 댓글
·
post-thumbnail

실행 컨텍스트

실행 컨텍스트

2022년 8월 2일
·
0개의 댓글
·
post-thumbnail

SSR과 CSR

SSR이란 단어 그대로 서버에서 렌더링 작업을 하는것을 의미합니다. 기존에 존재하던 방식으로 사용자가 웹페이지에 접근할 때 서버에서 페이지에 대한 요청을 하며 서버에서는 html, view와 같은 리소스들을 어떻게 보여질지 해석하고 렌더링하여 사용자에게 반환합니다.위의

2022년 7월 27일
·
0개의 댓글
·
post-thumbnail

프론트엔드에서 CORS 에러 해결하기

npm install http-proxy-middlewaresrc 폴더안에 ( /src/setupProxy.js )밑에 처럼 설정끝

2022년 7월 24일
·
0개의 댓글
·
post-thumbnail

CORS 란

다른 출처의 리소스를 사용하는 것에 제한 하는 보안 방식URL의 Protocol, Host, Port를 통해 같은 출처인지 다른 출처인지 판단할 수 있다.ex) http://github.com:443 : http : 프로토콜, github.com : 호스트,

2022년 7월 23일
·
0개의 댓글
·
post-thumbnail

브라우저의 렌더링 과정

브라우저 렌더링 과정 HTML, CSS, JS, Image, Font, File 등 렌더링에 필요한 리소스를 요청하고 서버로부터 응답받는다. 렌더링 엔진은 서버로부터 응답된 HTML,CSS를 파싱하여 DOM과 CSSOM을 생성한 후 이들을 결합하여 렌더 트리를 생성한다

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

인터넷 네트워크

인터넷 네트워크 IP (인터넷 프로토콜) 역할 지정한 IP주소에 데이터 전달 패킷(Packet)이라는 통신 단위로 데이터 전달 패킷 = 패키지 + 버킷(package + bucket) 한계 비연결성 : 패킷을 받을 대상이 없거나 서비스 불능 상

2022년 7월 13일
·
0개의 댓글
·
post-thumbnail

HTTP

인터넷 네트워크 IP (인터넷 프로토콜) 역할 지정한 IP주소에 데이터 전달 패킷(Packet)이라는 통신 단위로 데이터 전달 패킷 = 패키지 + 버킷(package + bucket) 한계 비연결성 : 패킷을 받을 대상이 없거나 서비스 불능 상

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

REST, REST API

REST란 무엇인가 "REpresentational State Transfer" 의 약자로, 자원을 이름(자원의 표현)으로 구분해 해당 자원의 상태(정보)를 주고 받는 모든 것을 의미한다. 즉, 자원(resource)의 표현(representation)에 의한 상태 전

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

Recoil

Recoil 이란 Recoil은 페이스북에서 만든 새로운 React를 위한 상태 관리 라이브러리 이다. Recoil을 사용하면 atoms (공유 상태)에서 selectors (순수 함수)를 거쳐 React 컴포넌트로 내려가는 data-flow graph를 만들 수 있습

2022년 7월 11일
·
0개의 댓글
·
post-thumbnail

2022 코드스쿼드 마스터즈 코스 (프론트엔드) 회고

2022년 1월 3일에 시작한 코드스코드 과정이 2022년 7월 1일 기점으로 마무리가 되었다. 이 과정을 수료하고 느꼈던 걸 공유하고자 간단히 회고를 적는다. 코드스쿼드란? 기초부터 실전까지 아우르는 커리큘럼 CS, 분야별 학습, 협력 프로젝트로 이어지는 학습

2022년 7월 5일
·
2개의 댓글
·
post-thumbnail

GDG SUMMER HACKATHON 2022 썸머 오프티벌 후기 🏆

GDG 해커톤 이란 총 100명을 선발하여 프론트엔드 2명, 백엔드 2명, 디자이너 1명으로 당일 무작위 팀 구성을 해준 100명의 사람들을 20팀으로 나눠 당일 주어진 주제 중의 하나를 선정해서 서비스를 개발 하는 것이다. 왜 참여했을까? 코드스쿼드 과정이 진행 중

2022년 6월 27일
·
8개의 댓글
·