본문 바로가기

REACT17

[React] 272샘의 React9 ( Props 구조 분해 ) https://deahan.tistory.com/428 [React] 272샘의 React8 ( Props 이해 사용 )https://deahan.tistory.com/427 [React] 272샘의 React7 (블락 기호 {} 사용)https://deahan.tistory.com/426 [React] 272샘의 React6 (JSX)https://deahan.tistory.com/425 [React] 272샘의 React5 (개발 폴더 파일 구조)https://deahan.tistory.comdeahan.tistory.com를 읽고 뭐야  쉽네 라고 생각했다면 미안하당 그건 아니다 라고 철희샘이 그랬음... Container.jsx 를 아래 처럼 배열 map 메소드를 이용 리팩토링 해보자 import.. 2024. 10. 10.
[React] 272샘의 React8 ( Props 이해 사용 ) https://deahan.tistory.com/427 [React] 272샘의 React7 (블락 기호 {} 사용)https://deahan.tistory.com/426 [React] 272샘의 React6 (JSX)https://deahan.tistory.com/425 [React] 272샘의 React5 (개발 폴더 파일 구조)https://deahan.tistory.com/417 [React] 272샘의 React4 (Node 웹서버)https://deahan.tistory.com/416 [Redeahan.tistory.com까지 읽고 왔다면 준비를 위해 아래 파일들을 복사/붙여넣기로 src 폴더에 만들자[ 깊이는 아니더라도 눈으로 대략 의미 파악 정도는  하는 것으로... ] Friend.css.. 2024. 10. 10.
[React] 272샘의 React7 (블락 기호 {} 사용) https://deahan.tistory.com/426 [React] 272샘의 React6 (JSX)https://deahan.tistory.com/425 [React] 272샘의 React5 (개발 폴더 파일 구조)https://deahan.tistory.com/417 [React] 272샘의 React4 (Node 웹서버)https://deahan.tistory.com/416 [React] 272샘의 React3 (NODE NPM 이해)https://deahan.tistory.deahan.tistory.com를 읽었다면 MyComponent.jsx 를 아래 처럼 고치고, 낯선 { }에 호기심 시선을 주장.function MyComponent() {  const matchTitle = "흑백개발자 코.. 2024. 10. 8.
[React] 272샘의 React6 (JSX) https://deahan.tistory.com/425 [React] 272샘의 React5 (개발 폴더 파일 구조)https://deahan.tistory.com/417 [React] 272샘의 React4 (Node 웹서버)https://deahan.tistory.com/416 [React] 272샘의 React3 (NODE NPM 이해)https://deahan.tistory.com/414 [React] React 개발환경 구축node.js설치 아래 url참고https://deahandeahan.tistory.com에서 사용했던 아래 코드를 다시 한번 눈여겨 보자[ 이번 글은 짧은 짤 정도니,  휘리릭 달리고, 그냥 생각만 해보자] function MyComponent() {  return (   .. 2024. 10. 8.
[React] 272샘의 React5 (개발 폴더 파일 구조) https://deahan.tistory.com/417 [React] 272샘의 React4 (Node 웹서버)https://deahan.tistory.com/416 [React] 272샘의 React3 (NODE NPM 이해)https://deahan.tistory.com/414 [React] React 개발환경 구축node.js설치 아래 url참고https://deahan.tistory.com/413 [React] Node.Js설치https://nodejs.org/en Node.js —deahan.tistory.com여기까지 했다면....Node란 단어와 함께 Node란게 이런 게 아니겠어? 라는 Feel이 남아야한다.... vscode로 reactstudy 폴더를 열자Terminal에 npm cre.. 2024. 10. 8.
[React] 272샘의 React4 (Node 웹서버) https://deahan.tistory.com/416 [React] 272샘의 React3 (NODE NPM 이해)https://deahan.tistory.com/414 [React] React 개발환경 구축node.js설치 아래 url참고https://deahan.tistory.com/413 [React] Node.Js설치https://nodejs.org/en Node.js — Run JavaScript EverywhereNode.js® is a JavaScript runtime built on Chromdeahan.tistory.com에서 express 모듈을 설치해 놓고서 그냥 지나치려니 서운하다고 함....중장기적으로 전체적인 이해에 분명 도움이 되니 살짝 건드려 보고 가자 Express모듈은 .. 2024. 10. 7.