e7e

2024.10.02 - [React] - React(리액트) 티키타카 8 ( Props 이해 사용 )를 읽고 머얌  쉽네 라고 생각했다면 미안하당 그건 아니당.아직 험준한 산 근처에도 가지 않았당. (이건 나의 오버액션이당!~~ 👀) 깜 ! 깜! 캬무륵~ 캬무륵~ 캬무륵! 외쳐보장...  머징 왠지 히미하지만 히미난당. 또 달려 보장. 인생 마라톤 피니시 라인은  인정하고 싶지 않지만 내 존재가 사라지고 잊혀지는 거당. 급할 꺼 없당. 차분히 때론 쉬면서 가장.    Container.jsx 를 아래 처럼 배열 map 메소드를 이용 리팩토링 해보장import "./Container.css";import Friend from "./Friend";function Container() { // 데이터가 이..

React 2024. 10. 3. 13:11

2024.10.01 - [React] - React(리액트) 티키타카 7 (블락 기호 {} 사용)까지 읽고 왔다면, 그랬다면 아니 반갑지 아니 할 만큼 반값이당. 반값이라니 듣기만 해도 에너지가 분출된당. 그럼 달려서 소비하장 준비를 위해 아래 파일들을 복사/붙여넣기로 src 폴더에 맹글장.[ 깊이는 아니더라도 눈으로 대략 의미 파악 정도는  하는 걸롱! ] Friend.css.friend { box-sizing: border-box; width: 150px; height: 250px; border: 5px groove blueviolet; display: inline-block; text-align: center; font-size: 1.5em; } h5 { ..

React 2024. 10. 2. 20:52

2024.09.30 - [React] - React(리액트) 티키타카 6 (JSX)를 읽었다면 음.. "먼가 쪼메 재밌는데" 라는 느끼미 이써쓸꼬시당. MyComponent.jsx 를 아래 처럼 고치고, 낯선 { }에 호기심 시선을 주장.function MyComponent() { const matchTitle = "흑백개발자 계급전쟁"; const e7e = "E7E"; const minu = "미누"; const win = "승"; return ( {matchTitle} {e7e} 좋앙! 미누 시롱! 근데 2:0 {minu} {win} );}export default MyComponent;결과 영상을 누네 보냈다면 (n..

React 2024. 10. 2. 14:55

2024.09.27 - [자바스크립트] - React(리액트) 티키타카 5 (개발 폴더 파일 구조)에서 사용했던 아래 코드를 다시 한번 눈여겨 보장[ 이번 글은 짧은 짤 정도이닝,  휘리릭 달리공, 그냥 생각만 해보장]function MyComponent() { return ( 흑백개발자 계급전장 E7E 좋앙! 미누 시롱! 근데 2:0 미누 승 );}return 뒤에 html태그가 온게 본능적으로 눈에 거슬리면서 아름답당.자바스크립트안에 문자열이 아닌 html태그가 올 수 있었던강?그렇지 않당.  그래서 html문자열이면서 html이 아니당. 그래서 요걸 JSX(Javascript Syntax eXtension 자바스크립트 문법확장)이라 부른당.머냥! 말이 무..

React 2024. 9. 30. 21:35

2024.09.26 - [자바스크립트] - React(리액트) 티키타카 4 ( Node 웹서버)를 읽었다면 확은 아니공, 잠재의식 속에 잘 설명할 수도 없지만 Node란 단어와 함께 Node란게 이런 게 아니겠엉 라는 Feel이 남는당. 자아~~ 또 쪼메만 달려보장... ....... 어차피..... 먼저 하면 돈 된단당.vscode로 reactstudy 폴더를 열장.Terminal에 npm create vite@latest  를 입력하여 아래처럼 되도록 하장.(지난번에 해 봤으닝, 그리 새롭진 않을 거이당. 그렇당!)D:\reactstudy>npm create vite@latest√ Project name: ... reactcomponet √ Select a framework: » React √ Sel..

React 2024. 9. 30. 16:44

2024.09.25 - [자바스크립트] - React(리액트) 티키타카 3 (NODE NPM 이해 )에서 express 모듈을 설치해 놓고서 그냥 가자니 마치중국집에서 탕짜를 시켜놓고, 짜장면만 먹고 가서 괘니탕수육에게 알잘딱깔센한 외로움을 울컥 안겨주는 기분이당.중장기적으로 전체적인 이해에 분명 도움이 되니 살짝 건드려 보고 가장 Express모듈은 사실 Node에선  아래 처럼 옴팡지게 유명한 아이돌이당.MERN  -> MongoDB + Express + React + NodeMEVN  -> MongoDB + Express + Vue + NodeMEAN  -> MongoDB + Express + Angular + Node자바  스프링의 MVC 역할을 불편없이 해준당. Express를 이용해서 그래도 ..

React 2024. 9. 26. 21:54

2024.09.24 - [분류 전체보기] - React(리액트) 티키타카 2 (개발 환경 구축 ) 를 읽었다면, 음 이제 시작인가! 흥분으로 콩당 콩당 할 수 있당.~~아직 아니당. ( 상태는 아직 체킁 메롱이당)급하디 급한 맴 보다는 여유로운 맘이 밀도 충만한 진정한 가속의 힘이당. Node는 크게  2가지 용도로 필요 할 수 있당.    1. Node로 서버(백엔드)를 개발하거나,    2. Node의 npm을 개발에 편하게 사용하기 위해서. React는 프론트 개발에 사용하는 라이브러리라 백엔드는 Node가 올 수도 Java Spring이 올 수도 , 기타 머든 올 수 있당.2가지 용도 중 2번 용도가 현 상태에선 주류(술 아님) 느끼미 온당. 그럼 NPM 에 대해 알아보장.(사실 이건 명령어이기도..

React 2024. 9. 26. 16:12

듣는 건 아무래도 보는 것 보다 효과가  덜덜 하다 하닝이제 눈으로 볼 수 있게 개발 환경을 구뚝해 체킁해 보아용. 절대 필요한 건 아니지만 꼬옥 필요한 건 Node예요https://nodejs.org/en에서 다운 받아 설치 할 수 있지만, 난 그렇게 하지 않을 꺼야요왜냐면? node는 버젼이 많고, 지우고 새로 설치하고 하는 그 따위 노동을절대로 하고 싶지 않아요. 바보 같잖아요~~ (그냥 보기만 해요) node 여러 버젼을 설치하고, 골라서 쓸 수 있게 해주는 tool은 검색해 보면 생각외로 많아용. (fnm, volta등등....)하지만 전 이미 nvm이라고 친해진 아가 있어요, 그냥 배신하고 싶지 않아요.( NVM  => Node Version Manager)  https://github.com..

React 2024. 9. 24. 17:04