컴포넌트란 ? 공식문서 : React.Component – React (reactjs.org) React.Component – React A JavaScript library for building user interfaces ko.reactjs.org 빡대가리식 설명 더보기 HTML 특징 : 더러움 - div 같은 태그 너무 많아짐 react 는 html 덩어리를 한 단어로 축약 할 수 있는 기능을 제공함 = component 컴포넌트 만드는 법 1. function 만들기 -대문자 시작 작명 Component Rule - function App() 외부에서 만들어야 함 2. return 안에 html 담기 - 하나의 태그 안에서 끝나야 함 - 그래도 병렬 해야 할때는.. ? -- react 는 제공해..
전체 글
App.js 에서 사용되는 html 문법은 사실 JSX 임 -JSX = .js 파일에서 쓰는 html 대대품 react 에서 html 내용은 return ( 여기 안에만 작성 가능 ) JSX 문법 정리 1. CSS Class 명 설정 class 대신 className 2. 변수 넣을 때는 {중괄호} {/* document.querySelector('h4').innerHTML = post; js 기본 문법 */} id = {post} 데이터 바인딩 = 원하는 곳에 데이터 꽂을 수 있음 3.style 넣을 때 object 형으로 중괄호 안에 넣어줘야 함 //이렇게 쓰면 안댐 style = "color : red " 주의 : font-size 안됨 = js 이기때문에 - 기호가 안되서 fontSize 같이 다..
F1 > settings.json (user) > "emmet.syntaxProfiles": { "javascript": "jsx" }, "emmet.includeLanguages": { "javascript": "html" }
1. npm 안됨 VS Code - powershell 터미널 말고 - Command Prompt 환경변수 / 시스템변수 Path 에 아래 경로 추가 C:\Users\니 컴퓨터 이름\AppData\Roaming\npm\ 2. create-react-app 안됨 Unknown command: "create-react-app 콘솔창에 아래 두 줄 순서대로 치고 해보셈 npm config set prefix /usr/local npm install -g create-react-app
조회 페이지 만들기 각각의 고유 게시글 조회 페이지 만들기 - 모든 각 페이지의 get 요청 처리를 만들 순 없다 (비효율적) - 따라서 url 에 id 등을 파라미터로 붙여서 재사용한다 /: 원하는 파라미터 : url 파라미터 만들기 req.params.id 요청 데이터의 파리미터 중의 id 값 // 상세페이지 만들기 + 게시글번호 app.get('/detail/:id', (req, res) => { db.collection('post').findOne({_id : parseInt(req.params.id)}, (err, result)=> { console.log(result) res.render('detail.ejs', { data : result }) }) }) --- html 상세페이지 title..