슈슈코딩

부트캠프가 끝난지는 3개월 정도가 지났지만 저장함에 보관해두었다가 이제라도 공개해보는 회고. 1단계: 온라인 학습 위주2단계: 모각코, 과제 시작3단계: 팀 프로젝트 카테캠은 크게 이렇게 3단계로 나누어 볼 수 있고 각 단계별로 내가 느낀 주요 활동은 위와 같다.1단계1단계 때는 앞으로 남은 단계들을 진행하기 위해, 팀원들과 제대로 협업하기 위해 내가 갖추어야 할 기본/심화 역량을 가르쳐주는 느낌이었다. Javascript 부터 시작해서 React 에 대한 개념들을 정해진 기간 내 자율적으로 들으면 되는 방식이었다.처음에는 '아 학교 다니면서 자율적으로 강의 듣는 거면...내가 좀 나태해지지 않을까'하는 나름의 걱정을 가지고 있었는데강의 사이트에 들어갈 때마다 내 진도율과 다른 사람들의 평균 진도율을 비..

OT를 진행했습니다.커리큘럼, 소통 사이트, 강의실, todo 등 굉장히 다양한 내용이 있었고요익숙한 얼굴들도 몇몇 보여서 반가웠습니다. 팀 구성도 완료되었습니다. 아는 이름이 좀 보이네요. 휴 다행이다 기대가 되네요.열심히 해야지

제가 카테캠에 붙었습니다 크흡붙을 수 있을까 내심 조마조마했는데 다행히도 붙었습니다카테캠 지원부터 자소서, 코테까지 심리적으로 물리적으로 많은 도움을 준 언니에게 감사를 표현하고 싶다.정말 열심히 해야지다이어리도 받았겠다 거기다가 꼼꼼히 기록해야겠다

52강변수를 이용해 화면에 보일 내용을 그때그때 값을 다르게 저장해줄 수 있음ui 업데이트 시 리액트에 의해 재평가되어야 함 >> 이게 감지되면 업데이트 될 거임기본적으로 리액트는 코드를 한 번밖에 실행하지 않는것을 반드시 염두에 두기리액트는 각각의 컴포넌트 함수를 볼때마다 실행 > >버튼이 4개면 4번 실행컴포넌트 함수가 재실행되어야 함을 알려줄 방법이 필요함 >> 상태53강상태import { useState } from ‘react’;를 통해 변수를 추가함그후 App() 에서 useState();를 통해 호출 (반드시 함수의 최상위에서 호출되어야 함)내부 함수 중첩, if, loop문 사용 불가selectedTopic : 현재의 스냅샷 (초기값이 저장됨)setSelectedTopic : 항상 함수임(..

Chap 3 상태 학습 및 마무리 회고를 하고자 한다.

41강JSX에는 {} 사용 가능 : IN 시작과 끝요소 태그 사이, 속성 값으로 사용 가능자바스크립트 표현 아무거나 넣을 수 있음 > 이 내용의 결과가 화면에 출력이 되는 것임reactDescription : 상수로 저장되어 있음! 배열 형태로변수 또는 상수로 미리 저장해놓을 수도 있음이렇게 하면 jsx 코드가 좀 단정해지니까 이걸 선호함42강이미지도 동일한 문법으로 작업할 수 있음img src 이런 거 이용해서 해도 되지만 최적의 방법은 아님작업물 배포시 이미지가 사라질 수도 있기 때문배포 시 모든 코드가 변환 및 최적화되고 함께 묶여짐 > 이 과정에서 무시되거나 유실될 수 있음import 사용하기!!!!import reactImg form ‘./상대경로’ > 이 형태로 저장해준다.그러고 기존의 img..

5회차 : Chap 3 속성 학습하기 다음 강의들을 수강하고자 한다.

34강웹사이트 만들어볼 거임 (정적 + 동적)리액트의 기초 개념 학습 예정컴포넌트, JSX, STATE데이터 사용 방법유저 이벤트 상호작용상태! : 고정적 웹사이트 역동적으로 변화시키는데 중요앱 : 동적 | 정적35강컴포넌트 : 잠재적으로 재사용 가능한 구성 요소리액트 개발자가 생성 가능컴포넌트 결합으로 리액트 앱이 만들어짐UI를 여러 컴포넌트 결합 >> 어느 웹사이트든 다 마찬가지임헤더, 핵심, 상호작용 모두 컴포넌트로 볼 수 있음(사용자에 따라 개념이 달라서 개수 다 다름)HTML, CSS, JS를 감싼다고 볼 수 있다복잡한 사용자 인터페이스를 쪼개서 관리 가능접근이 쉽다가 매우 장점비슷한 코드는 함께 저장됨개발 과정 단순해짐디자인, 개발 둘 다 개발 원칙 따름36강자료 모음https://github..

4회차 : Chap 3 컴포넌트, JSX 학습하기 다음 강의들을 수강하고자 한다.

2025.01.14 수강 완료 화면23강배열 및 객체의 분해const userNameData = ["Max", "Schwejl"]// 기존의 분해 방식const firstName = userNameData[0];// 더 짧은 방식const [firstName, lastName] = ["Max", "Schwejl"];이렇게 해두면 firstName을 치면 자동으로 Max가 선택된다.분해를 통해 각 변수에 값을 자동으로 젖아해놓는 것이다.const user = { name: "Max", age: 34};// 기존 방식const name = user.name;const age = user.age;// 더 짧은 방식const {name: userName, age} = { name: "Max", age: 34}객..