코딩쌀롱

하루종일 express랑 싸웠다😠👊🏼👊🏼👊🏼 1. html을 ejs로 변경 html은 정적인 언어로 주어진 기능만 사용할 수 있고, 사용자가 기능을 직접 추가할 수 없다.(js로는 가능) 템플릿 엔진은 자바스크립트를 사용해서 html을 렌더링할 수 있게 한다. 기존 html 문법과 다를 수도 있고, js 문법이 들어있기도 하다. 대표적인 템플릿 엔진으로는 퍼그(제이드), 넌적스, ejs가 있다. 1) 데이터가 들어있는 json 파일에서 데이터를 불러와 동적으로 페이지를 구성하기 위해서 ejs로 파일을 바꾸었다. 먼저 ejs를 npm에서 설치했다. npm i ejs 2) 파일 확장자명을 ejs로 변경해줬다. index.html → index.ejs 3) app.js 파일 수정 app.set('view en..

✱express 서버 설치 오늘은 미루고 미루던 express 서버 설치를 했다. 'node.js 교과서'를 참고했는데 생각보다 간단했다. (화면을 띄우는 데 까지만.....) 서버 설치한 과정을 적자면, 1. package.json 파일 만들기 + scripts에 "start": "nodemon app" 추가 (이 글 쓰고, 다음 날에 package.json에 대해 정리함) npm init -y // 여기서 -y 옵션은 뭘까... 2. express, nodemon 설치 npm i express npm i -D nodemon // i는 install 약자로 아예 똑같은 것인가..? 3. app.js 파일 작성 const express = require('express'); const app = expr..

2021.2.8(mon) •git fork •git branch에서 checkout, switch, restore •checkout -t, checkout -b, 트래킹이 뭐야 •remote tracking브랜치, tracking브랜치 차이 2021.2.9(tue) ✘✘✘ 코드리뷰 pull request 과정 ✘✘✘ •pull, fetch, rebase •html svg사용법 •fieldset •css함수? calc? 2021.2.10(wed) •BEM 네이밍 •:root 설정 •import 모듈 •filter 속성 ex) filter: brightness(0) invert(1) •font사이즈는 variables로 표준크기를 정해놓고 사용하도록 •reset 코드는 상위에 한 번에 선언 ex) a { t..

함수형 프로그래밍에 대해 공부하면서 고민했던 과정들을 정리해보려고 한다. 1. 클래스를 사용해야 할까? 처음에 했던 생각 ➙ this.prop은 클래스 내 속성으로 함수에서 사용하면 외부 변수를 사용한 게 된다. 순수 함수를 작성하기 위해서는 외부 변수를 사용하면 안 되므로, 클래스 내 속성을 함수의 인자로 받는 것으로 모두 바꿨다. 속성을 사용하지 않게 되면서 굳이 class의 사용 필요성을 못 느껴 클래스를 없애고 함수표현식만으로 작성했다. 더 생각해보면, ➙ 클래스 내에 다른 메서드를 사용할 경우 this를 쓸 수 밖에 없는데, this를 쓴다는 것은 인스턴스를 참조한다는 것이고, 이 자체가 외부 변수를 사용한다는 것이 되므로, 클래스 내 메서드에서 순수함수를 만든다는 것은 쉽지 않을 것 같다. 메..

익숙한 것보다, 낯선 방식으로 해결하라 - 자기만의 지식을 자주 구조화 - 여러 사람의 의견을 들어보기(다양성) - 마인드 스톰 - 시모어 페퍼트 : 도전적이면서 즐거운 도전, 큰 걸 나눠서 작게 도전 개구리를 해부하지말고, 직접 만들어라 - 소프트웨어는 모두 따라 만들 수 있음 (디지털 시스템, 컴퓨터 구조, 운영체제, 컴파일러, 시스템 라이브러리) 자존심을 버리고, 자존감을 키우자 - 경쟁, 비교는 학습에 안 좋음. 비교는 어제의 나와 - 천재를 이기는 방법은 없다. 결과만 보지말고 과정을 채우자 - 그룹피어세션 중 결과(코드)만 얘기하지 말고 어떤 과정, 고민이 있었는지를 이야기하는 것도 좋음 - 코드만 보지말고 코드 이전의 과정을 생각해보자 개발 과정 전체를 보는 시야 - 논리적 판단, 추론, 분..