리액트 3

생활코딩 리액트 2022 ver (2)

* 본 포스팅은 생활코딩 리액트(2022)의 요약본입니다! 강의 링크는 포스팅 아래에 첨부하겠습니다 ^__^ **useState 추가개념 내가 상태로 만드려는 데이터가 원시타입일 경우에는 지금까지 하던것처럼 그냥 하면된다. 그런데 데이터가 범객체(객체, 배열 등)인 경우에는 좀 다른 방식으로 진행해야하는데 우선 데이터를 복제해놓고(newValue), 복제한 데이터를 변경한다. 다시말해 원본 데이터(value)를 바꾸는 것이 아니라, 복제본을 바꾸는 것이다. 그리고 setValue에 newValue를 넣어주면 그 때 비로소 컴포넌트가 재실행된다. 리액트는 setValue를 호출했을때, 원본 데이터와 새로운 데이터가 같은 데이터인지를 확인하고 만약 같다면 굳이 컴포넌트를 다시 렌더링하지 않는다. 그래서 배열..

기타 개발공부 2022.07.30

생활코딩 리액트 2022 ver (1)

* 본 포스팅은 생활코딩 리액트(2022)의 요약본입니다! 강의 링크는 포스팅 아래에 첨부하겠습니다 ^__^ 리액트란? 사용자 정의 태그를 만드는 기술이다! 이 사용자 정의 태그를 리액트에서는 '컴포넌트'라고 부른다. import React from "react"; import "./style.css"; function Header() { return ( Header! ) } function Nav() { return ( 1.html 2.css 3.js ) } function Article() { return ( Hello! Welcome to my Blog! ) } function App() { return ( ); } export default App; props html태그의 속성과 같은 개념을 리..

기타 개발공부 2022.07.30

[KCC] 웹 프로젝트 BUDDY (2021. 7~8)

교내 코딩동아리 kcc에서 동아리 웹 홈페이지를 만드는 프로젝트 Buddy의 프론트엔드 팀원으로 참여했었다. 리액트와 타입스크립트로 개발했다. https://blog.naver.com/jia5232/222442980565 [kcc]buddy 1주차 작업(2021.07.18~23) 원래는 정해진 디자인대로 로그인 레이아웃 ui 작업을 해야 하는데 아직 디자인 팀에서 시안이 안올라왔당.... blog.naver.com https://blog.naver.com/jia5232/222456943907 [kcc]buddy 2주차 작업(2021.07.24~30) 아주 지금 기분같아서는 이거 안쓰고싶다,, 엉엉,, 너무 개고생,, 눈물 줄줄,,, 컴포넌트 중에 Textarea랑... blog.naver.com http..

팀 프로젝트 2022.02.07