(수근수근)

리액트는 클래스형 컴포넌트에서 많은 기능을 수행했다. 하지만 리액트는 함수형 컴포넌트에서도 클래스형의 컴포넌트의 기능을 지원하기 위해, 리액트 v16.8에서는 Hool이라는 개념이 도입되었다. 기본적인 리액트 내장훅에 대해서 공부해보자! ⭐useState 상태관리를 위한 Hook const [value, setValue] = useState(초기값) ; 코드 상단에서 import로 useState를 불러온다 useState는 한 변수만 사용할 수 있을까요? 당연히 아닙니다... 클래스 상태관리를 해야하는 변수가 하나라면 생각만 해도 너무 힘듭니다! 리액트가 이를 모를리 없죠! 따라서 여러번 사용이 가능합니다! ⭐useEffect useEffect는 리액트 컴포넌트가 렌더링 될 때마다 발생하는 작업입니다...

Layout Position 🌱absolute vs relative relative : 원래있는 자리는 유지하면서 그 자리에서 상대거리만큼의 top과 left만큼 옮겨가는 것 absolute : 근접한 부모중에서 기본 static이 아닌 부모의 기준에서 포지션이 일어난다. 🌱 Sticky vs Fixed. Sticky : 박스안에서 변경이 일어난다. 그대로 공간을 유지한다. Fixed 부모와는 상관없이 나와서 position을 유지한다. 뷰포트에서 규정된다 Alinment 속성 margin : auto 블럭레벨의 경우는 한 줄을 자동적으로 채워주는 마진이 들어있다. 브라우저에서 자동적으로 margin을 만들어 준다.(양끝의 margin을 맞춤 수직은 적용이 안된다.) text-aline : center ..

다음 글은 아래의 유튜브 영상을 보고 정리한 내용입니다. code : https://github.com/NikValdez/ChatAppTut 출처: www.youtube.com/watch?v=CgV8omlWq2o react - chatting -app 목차 전체 프로젝트 구조 socket.io 모듈 및 function server 소스 Client 소스 REACT STUDY function vs class useEffect & useState cors Error 해결 추가) room 나누기 전체 프로젝트 구조 다음은 전체 프로젝트 구조입니다. Client와 Server가 소켓통신을 통해서 서로 통신을 주고 받습니다. chat 폴더 : Client 역할 Server 폴더 : server역할 Socket.i..

보호되어 있는 글입니다.

보호되어 있는 글입니다.

보호되어 있는 글입니다.