전체 글
[3일차] TIL
미니 프로젝트 3일차 오늘 하루종일 게시물 업데이트 기능을 구현했습니다. 게시물 페이지에서 '게시물 수정' 버튼을 누르면 게시물 생성 폼의 각 input에 기존 게시물 정보들이 들어와 있어야 했습니다. 2가지 방법을 생각했습니다. 1. 게시물 id 값을 서버에 요청해서 DB에서 해당 정보를 찾아 redirect 혹은 render_template로 담아서 보낼 것 2. 서버로 보내지 않고 url에 기존 상세페이지 정보들을 담아 보낼 것 첫번째 방법은 게시물 생성폼으로 정보들이 보내지지 않아서 시간상 두번째 방법을 선택했습니다. 나중에 따로 공부를 한 후에 다시 시도해 보는 것이 좋을 것 같습니다. 두번째 방법으로 url에 정보들을 담아서 보냈지만 파라미터들을 추출하는데 상당한 시간이 걸렸습니다. 한글의 경..
![[항해99] 3조 미니 프로젝트](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbyRiUo%2FbtrviIbzN3K%2F3t3YkwbrvtjKmiOfIg4HK1%2Fimg.png)
[항해99] 3조 미니 프로젝트
1. 프로젝트 제목/간단설명 제목: '캔을 beer' 간단설명 : 편의점 맥주 종류를 한 눈에 볼 수 있고 리뷰와 별점 등을 매길 수 있는 맥주 정보 커뮤니티 입니다. 2. 와이어프레임 사진 회원가입 페이지 로그인 페이지 랜딩 페이지 상품 디테일 페이지 상품 등록 폼 페이지 3. 개발해야 하는 기능들 회원가입 / 로그인 DB에서 상품 가져오기 게시글 생성, 수정, 삭제 각 게시글 별 리뷰 생성, 수정, 삭제 기능 Method URL request response 로그인 페이지 회원가입 POST /signup {'id':id, 'pw':pw, 'name':name, 'phone':phone} {'msg': '회원가입이 완료되었습니다.'} 로그인 POST /login {'id': insert_id, 'pw'..
[Sequelize] TypeError: require(...) is not a function
sequelize를 사용할 경우 model폴더의 index.js 에 다음과 같은 에러가 나는 경우가 생겼습니다. TypeError: require(...) is not a function index.js의 아래의 코드라인에 에러가 생겼는데 const model = require(path.join(__dirname, file))(sequelize, Sequelize.DataTypes); 저의 경우 여러 model이 생성되어 있었는데 파일만 생성되어있고 비어있는 js파일이 있어서 에러가 났던 거였습니다. 비어있는 js파일을 지우고 실행하면 해결됩니다.
[Javascript] ECMA Script6 export와 import 정리
Named Export // math.js export const plus = (a, b) => a + b; export const minus = (a, b) => a - b; export const divide = (a, b) => a / b; 위와 같이 각 함수를 export를 하면 import { plus } from "./math"; 이렇게 괄호로 감싸서 원하는 함수를 import 해올 수 있습니다. 여기서 주의할 점은 export한 파일의 함수이름과 import하는 폴더의 괄호안에 이름이 같아야 한다는 점입니다. 여기서 이름을 바꾸고자 한다면 다음과 같이 변경하고 사용할 수 있습니다. //main.js import { plus as add } from "./math"; add(2, 2); Def..
[JavaScript] 프로퍼티 키를 동적으로 생성하기
프로퍼티 키로 사용할 표현식을 대괄호로 묶어야 합니다. var obj = {}; var key = 'hello'; // ES5: 프로퍼티 키 동적 생성 obj[key] = 'world'; // ES6: 계산된 프로퍼티 이름 // var obj = { [key]: 'world' } console.log(obj); 프로퍼티에 접근하기 var person = { name: 'Lee' } // 마침표 표기법에 의한 프로퍼티 접근 console.log(person.name); // Lee // 대괄호 표기법에 의한 프로퍼티 접근 console.log(person['name']); // Lee 여기서 아래와 같은 실수를 하기 쉬운데 var person = { name: 'Lee' } console.log(perso..