Program은 입력값(Input)을 기준으로 일정한 규칙에 따라 출력값(Output)을 보여주는 것.이 때 입력되는 정보의 형식이 Parameter, 형식이 맞게 입력된 값이 Argument.program1.js라는 파일을 위와 같이 파일을 저장하고 node에서 실행

nodejs에서 파일 읽기

template을 선언하고 양식을 만들어준다.정리05에서 respone.end() 부분에 넣었던 queryData.id대신 template을 넣어주면 원하는 부분만 변화를 주고 공통적으로 보여주는 양식을 만들 수 있다. 본문에 해당하는 부분을 js파일로 저장하고 조건에

http? http HyperText Transfer Protocol 통신규칙 host?(domain) aaa.com 네트워크에 연결된 특정한 컴퓨터의 주소 port? 3000 한 컴퓨터에 여러 서버가 있을 때 특정 포트에 연결된 서버로 접속하도록 지정한다. p

Node.js로 웹서버 구동하기출처cmd에 해당 디렉토리에서 node main.js를 입력하면 http://localhost:3000/ 로 접속했을 때 index.html을 보여준다.포트가 3000인 이유는 app.listen(3000) 부분에서 3000을 입

Node.js runtime 설치https://nodejs.org/ 에서 가능최신버전보다 LTS 버전 설치를 권장설치 완료 후 cmd에서 node -v를 입력했을 때 버전이 뜬다면 정상적으로 설치 된 것node를 입력하고 js 명령어 입력가능console.lo

HTML에서는 페이지 수정이 필요할 때 모든 html 파일을 하나하나 수정해야한다.NodeJS를 이용하면 module를 만들고 그 안의 템플릿을 수정하면 모든 페이지를 일괄적으로 변경할 수 있다.또한 HTML에서 적용하기 힘들던(R은 가능했지만) CRUD를 보다 편리하

1990년 Web 등장HTML의 불편함 - 하나하나 작업해야함, 방문자들이 게시, 수정하기 어려움 - 성장의 한계Java Script는 원래 웹브라우저용 언어2008년 Google이 V8엔진 개발 및 오픈소스 공개Ryan Dahl이 웹브라우저 밖에서도 Java Scri

상품판매 사이트나 게시판의 경우 모든 페이지를 하나 하나 직접 설정 하는 것이 불가능하므로url parameter를 사용한다.<Route path="/detail/:id" element={ <DetailPage/> }/>이 때 (당연히) detail 페이지

ReactJS에서는 react-router-dom을 이용해 라우팅을 라우팅을 한다.명령어(npm install react-router-dom)로 라이브러리를 설치한 뒤 사용src/index.js에서 BrowserRouter를 import해서 <App />을 감싸

react에서는 데이터를 담을 때 JS에서 쓰던 변수를 사용 할 수 있고let pet = "푸딩";react-hook 중 하나인 state에 담을 수 있다.const \[ pet , setPet ] = useState("푸딩");굳이 useState를 쓰는 이유는 무엇

array가 아닌 object를 쓰는 경우?key, value 값 을 사용할 때value값만 저장해도 될 때는 array 사용해도 무방하다.key를 정할 때는 기본적으로 따옴표를 사용하지 않아도 괜찮다.하지만 띄어쓰기나 특수문자를 포함하는 경우, 숫자로 시작하는 경우에

a,b는 매개변수(parameter)3,4는 인수(Argument)(Arrow Function Expression이 아닌 Function Statement에서만 가능)arguments 라는 것을 매개변수로 정하지 않고 console.log로 확인하면 호출할 때 입력한

node v14.0.0 이상, npm v6.14.0 설치된 상태에서 npx create-react-app (프로젝트명)npm start

사용자 인터페이스를 만들기 위한 JS 라이브러리(기능 모음집)사이트를 만드려면 HTML, CSS, JS가 필요한데 사이트 규모가 커질수록 관리가 힘들어진다. 이 관리를 좀 더 편하게 할 수 있도록 하기 위해 나온 것이 react이다.페이지마다 각각 HTML, CSS를

파라미터(parameters) or 인자(arguments)를 입력을 받고 정해진 출력을 하는 것

정식명칭은 ECMA Script웹사이트 개발에만 사용되었는데 사용범위가 넓어서 모바일용 개발에도 쓰인다.ES6 : ECMAScript2015변수가 선언될 때가 아니라 자료가 대입될 때 type이 정해진다.종류Number : 숫자String : 문자Boolean : tr

웹사이트 뼈대를 구성하기 위해 쓰는 마크업 언어 markup : 문서나 데이터를 처리하기 위해 문서에 추가되는 정보 주로 웹에서 사용되었으나 요새는 데스크탑용 앱에서도 사용<div> </div>와 같이 열었으면 꼭 닫아주어야 한다.<br/> 처럼 바로

수정하기 데이터 값을 가져오는 작업을 위해 이것저것 시도해보다 css에 (음식 메뉴를 선택하는 태그가 세로로 정렬되는)문제가 생겨 수정했다.쪽지함, 쪽지 디테일 페이지에서는 gnb, footer가 보이지 않도록 하는 작업을 했다.공통 컴포넌트인 layout에서 예외 목