| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | |
| 7 | 8 | 9 | 10 | 11 | 12 | 13 |
| 14 | 15 | 16 | 17 | 18 | 19 | 20 |
| 21 | 22 | 23 | 24 | 25 | 26 | 27 |
| 28 | 29 | 30 | 31 |
- CSS
- express
- javscript
- pug
- form
- clonecoding
- node.js
- JavaScript
- nodejs
- Mongoose
- API
- Component
- 리액트
- Session
- ECMAScript
- HTML
- GRID
- NextJs
- DART
- backend
- CLONE
- heroku
- Flutter
- ES6
- MongoDB
- graphQL
- 자바스크립트
- react
- TypeScript
- frontend
- Today
- Total
목록ES6 (27)
Enjoy Programming
기존 자바스크립트는 var를 사용해 왔다 es6가 업데이트 되기 전까지는 하지만 var는 변경이 가능했기에 문제점이 있었다. 무조건 문제라는건 아니다. 하지만 이미 내가 선언한 변수에 차후 변수명을 헷갈려 업데이트를 해버린다던가 협업중 다른 누군가가 가져다가 변경해버리면 코드가 꼬여버린다 이런 문제를 해결하기 위해 let & const가 등장했다. 아이러니하게도 자바나 C에는 static, const가 이미 있었다.,,, 생각해보면 python도 상수처리를 위해서는 복잡하다;; ,,, 아무튼 let은 변경가능 const는 상수처리 .. 그런데 const object의 경우 object의 value 변경이 가능하긴 하다고 한다. 이는 따로 변경되지 않게 설정을 해야하는데 차후에 배워보자.. 그리고 문득 든..
이번엔 header.pug 템플릿에 검색창을 넣어보자 header.pyg에 칼럼을 하나 더만들어주고 form!태그를 써주자 ~~~ url은 routes.search페이지 이고 method는 get방식이다. 그리고 생성된 검색창(input)에 food를 검색하면 url이 이렇게 바뀐다. 이제 search페이지에 표시할 정보들이 주어졌다. search페이지를 수정하자. 검색한 검색어를 표시해주도록 해보자 검색을 하게되면 아래 searching by 검색어 가 뜨게 해주겠다. #{searchingBy}라는 변수를 설정해주고 (위사진은 오타다) videoController로 가서 설정해주자 search페이지로 랜더링하는 곳에 새로운 리턴값을 넣어주자 이제 암시적 리턴을 사용할 수 없으니 {}블럭을 이용하자. 먼..
1. 변수 (variable) 프로그래밍을 공부하면 가장 중요한게 변수이다. variable이란 메모리상에 value를 저장하고 그 저장된 value를 참조하기 위해 사용한다. memory address에 접근하기 위해 사람이 이해 할 수 있는 언어로 지정한 identifier(식별자) javascript에서는 변수를 선언할때 const, let, var를 사용한다. (var는 점점 쓰지 않는 추세이다. 2. value 값을 정의 하기에 앞서 용어 두개를 더 정리하자 변수는 이미 알고 있으니 data type: 프로그래밍 언어에서 사용할 수 있는 값의 type literal : 소스코드 안에서 직접 만들어 낸 상수 값 자체를 말하며 값을 구성하는 최소 단위 여기에 value는 프로그램에 의해 조작될 수 ..