Jieunny의 블로그

📣 컴퓨터 구조 𝟭. 컴퓨터의 구조 ✔️ 컴퓨터는 하드웨어와 소프트웨어가 합쳐진 형태 ➰ 하드웨어 : 전자 회로 및 기계 장치로 되어있어 입출력 장치, 중앙처리장치(CPU), 기억장치 등으로 구성 ➰ 소프트웨어 : 하드웨어 위에서 하드웨어를 제어하며 작업을 수행하는 프로그램 𝟮. 컴퓨터의 기본 구성 요소 1️⃣ 입력 장치 ✔️ 컴퓨터가 처리할 수 있는 형태로 데이터와 명령을 받아들이는 물리적인 장치 ➰ 키보드, 마우스, 스캐너, 타블렛, 조이콘 등 2️⃣ 출력 장치 ✔️ 처리된 데이터를 사람이 이해할 수 있는 형태로 출력하는 물리적인 장치 ➰ 모니터 : 컴퓨터에서 나오는 글자, 그림 등의 결과를 화면에 보여주는 장치 ㄴ 실제 화면의 해상도는 모니터와 그래픽 카드에 의해 결정 ➰ 프린터 : 전자 장비에 저..

𝟭. React + TypeScript 프로젝트 설정하기 ✔️ 프로젝트 생성하기 1️⃣ create-react-app 으로 리액트 프로젝트 시작하기 npm install -g create-react-app // 설치 create-react-app . --typescript ➰ tsconfig.json 파일이 만들어진다. ➰ App.ts가 아닌 App.tsx 파일이 만들어진다. ㄴ 타입스크립트만 쓸 수 있는 게 아니라 jsx코드(타입스크립트안에 자바스크립트)도 쓸 수 있다. 2️⃣ src 폴더 정리하기 ➰ src ㄴ App.tsx ㄴ App.tsx 파일에 필요없는 import, 컴포넌트 지우기 ㄴ index.css html { font-family: sans-serif; } body { margin: 0;..

➰ 99일차 진짜 하루종일 페어 활동했다. 커스텀 훅..지금은 그냥 귀찮기만하고 효율성 1도 없는 존재 ㅎㅎ... 그래도 지금 이렇게 배워놓으면 나중에 쓸 일이 많겠지!! 페어 활동 끝나고 동기분들이랑 얘기도 나눠서 즐거웠다😆 주말동안 또 푹 쉬고 담주에도 파이팅해야지..!

📣 React Custom Hook 을 사용해서 블로그 화면 구현해보기 𝟭. 구현 조건 1️⃣ Bare Minimum App 루트 컴포넌트(App.js) react.lazy()와 suspense를 사용하여 컴포넌트를 리팩토링합니다. BlogDetail 컴포넌트(BlogDetail.js) 현재는 개별 블로그 내용으로 진입해도 내용이 보이지 않습니다. useParams()을 이용하여 개별 id를 받아와 개별 블로그의 내용이 보일 수 있도록 해봅니다. delete 버튼을 누르면 다시 home으로 리다이렉트 되어야 합니다. useNavigate()를 이용하여 handleDeleteClick 함수의 로직을 작성해주세요. 하트를 누르면 home에서 새로고침을 했을 때 숫자가 올라가야 합니다. isLike와 blog..

𝟭. Webpack이란 무엇이며 왜 필요한가? ✔️ 웹팩 : 파일을 묶는(bundle) 것을 도와주는 도구 ➰ 코드를 묶음으로써 HTTP 요청의 양을 줄여준다. ➰ 코드를 최적화(최대한 작게) 하고, 빌드 절차를 추가하고, 추가 빌드 툴을 제공한다. 𝟮. Webpack 설치하기 & 중요 종속성 npm install --save-dev webpack webpack-cli webpack-dev-server typescript ts-loader // --save-dev:모듈을 설치할 때 package.json 내의 devDependencies 항목에 설치한 모듈과 버전을 넣는 것 // 실제 릴리즈시에는 필요없는 모듈의 경우 ➰ webpack-cli : 프로젝트에서 웹팩 명령어를 실행하기 위함. ➰ webpac..

➰ 98일차 페어 시간에 리액트 커스텀 훅 만드는 실습 했는데, fetch는 생각보다 쉬웠는데 input은 흐름은 이해가 가는데 왜 이렇게 짜야 하는지 정확히는 잘 모르겠다. 아직 규모가 큰 프로젝트는 해 본 경험이 없어서 커스텀 훅이 얼마나 유용한지 체감하지는 못하겠다. 페어 시간에 몇몇 분들이 오셔서 질문도 해주셨는데 나랑 페어분도 확실히 알고 있지 못해서 큰 도움이 되진 못했다ㅠㅠ... 내일 페어 과제도 시간도 많이 걸리고 어려운 것 같던데.. 그래도 지금 페어분께서 잘 하시고, 알려주시는 것 같아서 배우는 게 많다! 안다고 대충대충 넘어가면 안되겠다는 생각이 요즘 자주 든다..ㅎㅎ 내일은 벌써 금요일 어제 휴가 하루 썼다고 진짜 자주 쉬는 기분이다. 매주 수요일도 휴일이면 얼마나 좋을까!