e7e

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

그냥 괘니 일단 읽어보아용~~  React(리액트)가 머예용?=> FaceBook에서 만든 자바스크립트 UI(User Interface) 라이브러리     (근데 프로그램 구조도 꽤 강하게 강요해서 프론트 프레임워크로도 불림)  근데 왜? 맹글었데용?=>  웹의 발전으로 프로젝트의 규모가 커지고, 프론트 단의 역할과 비중도 같이 커졌는데,      HTML/CSS/자바스크립트 소스가 양이 많아지면 많아질수록 코드 가독성이 떨어져      유지보수가 무쟈게 어려워져 개발 과 유지보수 모두 어려워짐. 새로운 대안이 필요  React만 하면 되나용?=> 비슷한 걸로 vue.js(뷰) 와 angular.js(앵귤러 -구글이 개발)등 여러가지가 있어, 그동안       시장을 놓고 경쟁했는데, 현재까진 React..

React 2024. 9. 23. 17:11

무료라서 실행할 때마다  도메인명이 바뀌는 걸 참고 써야만 했던 NGROK이드디어 무료사용자(Free User)에게도 static 도메인을 제공하기로 했단당.너무도 기쁜 일이당.이제 무료 1개지만 편하게 HTTPS를 사용할 수 있게 되었당. NGROK을 이용하는 방법개인적으로 추천하는 방법인뎅, 쉽고 구동은 완벽한뎅,  도메인명이 쪼메 길고,포트 1개만 무료로 사용이 가능하당.(참을 수 없다면 한달에 18달러인데, 그냥 참아라  몇번 안 쓰니, 참고 무료로 쓰장!) 먼저 ngrok 사이트 에 가서 Sign up을 눌러  간단히 회원가입을 한당(몇개 안 물어서 좋당)ngrok이 보낸 메일을 클릭해서 존재하는 이메일임을 꼬옥 확인해 줘야 한당! 회원으로 로그인을 하면 아래와 같은 화면을 볼 수 있당https..

스프링 2024. 8. 23. 15:15