본문 바로가기

728x90

스파르타 코딩클럽_프로덕트 디자이너 과정 4개월간의 배움을 기록했어요.

🌼내일배움캠프_프로덕트 디자이너
54

[01/08 부트캠프] 강의: 리액트 입문 2주차, ③UX집중반: 쏘카 문제해결 과제 내일배움캠프 D-54 (12주차) 📌To Do List* 강의: 리액트 입문 2주차 ✅ 드뎌 완료!!!* UX집중반: ③문제해결 ✅ 01 강의: 리액트 입문 2주차✏️컴포넌트 및 렌더링＊컴포넌트- 리액트의 핵심- UI요소를 표현하는 최소한의 단위- 화면의 특정 부분이 어떻게 생길지 정하는 선언체★ 전엔 명령형 프로그래밍인 DOM을 사용해서 컴퓨터가 수행하는 절차를 일일이 작성해서 어려웠다고한다.현재는 리액트(선언형 프로그래밍)를 쓰면 어떻게 화면에 그려야할지 리액트 내부에서 추상화를 하는데, 더 빠르고 효율적으로 사용할 수 있다. ＊렌더링- 컴포넌트가 현재 props와 state상태에 기초해 어떻게 UI를 구성할지 컴포넌트에게 요청하는 작업.이렇게만 봤을 때 무슨 뜻인지 잘 이해가 가지않았는데.. 2025. 1. 8.

[01/07 부트캠프] 강의: 리액트 입문 2주차, ②UX집중반: 쏘카 문제해결 과제 내일배움캠프 D-53 (12주차) 📌To Do List* 강의: 리액트 입문 2주차 🤔 항상 완성형이 되지 못하는 리액트 강의... * 미니 과제 발제 ✅* UX집중반: ②문제해결 ✅ 01 강의: 리액트 입문 2주차✏️2. 기본값을 부모 or 자식 중 어디에다가 배치하지?예를 들어 props.x 라던지 p.name이라던지.. 그거 배치는 부모에다가? 아님 자식에다가..?두 가지 예시를 보니 뚜렷하게 부모에 해야한다! 라던지 자식에 해야한다!는 개념은 없어보인다. 하다보니 헷갈려서 다시 리액트 문법을 보게되었다.갑자기 props.x에서 .이 왜 붙은건지.. 다시 명확하게 알 필요가 있다고 생각했다. 참고 사이트: 리액트(React)간단 문법 정리 _by 모띠리액트는 자바스크립트 안에서 html문법.. 2025. 1. 7.

[01/06 부트캠프] 강의: 리액트 입문 2주차, ①UX집중반: 쏘카 문제해결 과제 내일배움캠프 D-52 (12주차) 📌To Do List* 강의: 리액트 입문 2주차 🤔* UX집중반: ①문제해결 ✅ 01 강의: 리액트 입문 2주차✏️props= 속성= 부모 → 자식 데이터 전달 시 사용 (자식 → 부모XXXX) 1) 위에서 아래로2) 읽기 전용으로 취급, 자식이 변경 못함. `` : 백틱. 문자열 쓸때 사용 (키보드 탭바 위에있음.. 처음엔 몰랐다)import React from "react";function App() { return ;}function Mother() { const myName = "최"; return ;}function Child(p) { console.log("props=>", p); const name = "르탄"; return ( .. 2025. 1. 6.

[01/03 부트캠프] 강의: 리액트 입문 2주차, ④UX집중반: 쏘카 문제정의 과제 내일배움캠프 D-51 (11주차) 📌To Do List* 강의: 리액트 입문 2주차 🤔* 리더/부리더 세션 ✅ * UX집중반: ④문제정의 ✅ 01 강의: 리액트 입문 2주차✏️컴포넌트, JSX이런 화면을 만들어야하는데자꾸 이런 빨간 밑줄이 쳐졌다.너무 html코드를 써서 그런 것 같은데 그냥 강의에서 정한 답을 보기로했다. 리액트를 브라우저로 띄우는 방법은터미널에 yarn dev를 쳐서 local에 나오는 주소를 눌러야만 들어갈 수 있다고 하셨다.여기서 주의할 점은yarn dev를 쳤을 때 오류가 뜰 수도 있다.이럴 땐 현재 있는 위치를 잘... 확인해야한다.내가 yarn dev할 위치는 my-first-vite-react-app인데react에서 yarn dev를 했을 때 실제로 오류가 났다... 2025. 1. 3.

이전 1 ··· 3 4 5 6 7 8 9 ··· 14 다음

728x90

최근댓글

최근글

인기글

skin by © 2024 ttutta

티스토리툴바