console.log

(1교시, 2교시) 프로젝트 리뷰 동기형식 - 하나의 질문을 할 때 그게 끝날때 까지 다음 요청이 불가능함. 클라이언트(가 요청) 서버(가 응답) ex ) "세호씨 밥 뭐드셨어요?" 비동기 - 한번에 여러개의 요청을 할 수 있습니다. ex ) "세호씨는 밥 뭐드셨어요, 그리고 이우성씨는 뭐드셨대요?" ex) 날씨 가져오기 : 클라이언트-> 서버1 -> 서버2 ->서버1 -> 클라이언트 댓글 쓰기 - 비통기 통신. 웹 크롤링 - 공유 된 html의 특정한 부분만 가져오는것. 웹 소켓 - 채팅기능- 채팅서버(서브 서버)가 하나 있고 메인 서버(다른 서버들을 모두 관장)가 따로있음.(포트 번호가 다름) 그런데 채팅 서버를 모듈로 메인에 연결해서 메인만 구동시켜도 한번에 같이 실행되도록 함! 달력 만들기- 자바..

(1교시) 팀플/ 실서버연습/ 자습? 오전은 자습할 듯 팀플 팀원 짜주심- 허유명님, 엄신우님 -비밀번호 일치 여부 표시하기 아이디 중복 여부 확인할 때, 중복시 바로 밑에 중복 표시가 뜨는것처럼 패스워드도 패스워드 / 패스워드확인의 일치 여부를 바로 밑에 뜨도록 해줍니다. 우선 테이블에 p태그로 확인여부가 들어갈 자리를 넣어주고 id값을 부여해줍니다. - 기존에 password / password check 에 있던 아이디 값을 이용해서 함수를 만들어 줍니다. 1. 두 곳에 입력된 값이 일치하면 -> 파란색으로 "패스워드가 일치합니다." 2. 두 곳에 입력된 값이 일치하지 않으면 -> 빨간색으로 "패스워드가 일치하지 않습니다." 3. 함수 실행은 addEventLisrener로 줘서 password c..

(1교시) 금요일 마지막 실행했던 코드 열래요 일단 다른분 오류 고쳐주고계심.... 난 너무 졸리고... 졸려... 1. login 체크 만들기 로그인에 실패했을 때와 성공했을 때 넘어가는 페이지를 만들려고 합니다. router > user > user.controller.js의 login_check부분을 만들어주면 됩니다. 로그인 성공했을 때와 실패했을 때로 나워서 실행해주도록 구상합니다. 실패했을때는 실패 페이지 뜨게하기 위해 flag=0값을 줘서 get값을 넣었다고 함. (실패시 다시 로그인 페이지로 redirect) 그리고 로그인 페이지에서 아이디비번 틀리게 치고, uri가 어떻게 채워지는지 확인해보기 ->오류: uri가 바뀌질 않음 + 로그인 실패니까 경고창이 뜨도록 합니다. -> 로그인 htm..

class를 왜 쓰는지 다시한번 복기 클래스를 쓰는 이유? - 유동적인 객체를 만들기 위해 우리가 함수를 만들었을 때는 프로토타입과 프로토가 존재하지만, 객체는 아닙니다. 즉, 함수를 console.dir 찍을때는 constructor이 존재하지만, 객체를 찍을 때는 존재하지 않습니다. constructor이 존재해야마 new라는 생성자를 사용할 수 있습니다. 그래서 원래 일반적인 객체에는 new생성자를 사용할 수 없습니다. 그런데 클래스를 사용하면, 우리가 직접 constructor를 만들어 줄 수 있습니다. class의 기본 구조라고 하면 class 클래스명{ constructor(){ } } (2교시) 클래스~~~~ 상속에대해서 알아봅니다. class2 파일을 만듭니다. 상속을 받는다는건 쉽게말해 ..

오늘 학습을 하기에 앞서 기본 세팅을 해줍니다. 필요한것을 깔고 모델의 인덱스부분에 불필요한 코드(fs 부분)를 삭제해 줍니다. npm install express＋npm install nunjucks + npm install mysql+ npm install mysql2 + npm install sequelize-cli + npm install sequelize + npx sequelize init 세팅완료 간단한 코드를 만들어서 실행이 되는지 쳐봅시다. 새 파일 server.js를 생성합니다. 브라우저에 hello wolrd가 나오도록 하는 코드를 만듭니다. 제대로 작동이 되는지 서버를 실행시켜봅니다. 실행이 되는것을 확인이 되었다면, const sequelize 로 씨퀄라이즈를 가져옵니다. cons..

씨퀄라이즈 세팅 하나씩 해보도록 하겠습니다. npm install express＋npm install nunjucks + npm install mysql+ npm install mysql2 + npm install sequelize-cli + npm install sequelize + npx sequelize ｎｐｍ－폴더를 다운받는 것 ｎｐｘ－다운 받은 폴더를 실행시키는 것 config.json- 접속 정보를 알려줌. 자바 스크립트 객체임(기트에는 올리지 않아요) 실제서버 정보/ 테스트서버 정보/ (세번째는 뭔 정보더라??) (암튼 위에서부터 차례대로) models > index.js db라는 변수를 어떻게 사용했는가? 씨퀄라이즈를 넘겨준걸 확인할 수 있음. sequelize = new () ~ 에서 s..

------------1교시------------- 씨퀄라이져 사용하는 이유? 왜 필요한지? 씨퀄라이져가 뭔가? (책내용 읽어주심 씨퀄라이즈는 어쩌구~~~~~) => 데이터베이스도 결국 하나의 객체라고 생각하고 만든게 오알엠이다. 에스큐엘 쿼리문들을 객체안에 들어간 내용을 뽑아내는 것들이 오알엠의 기본 핵심이라고 합니당 데이터를 객체로 표현하는게 오알엠. (물론 에스큐엘을 모르는채로 씨퀄라이즈를 사용하는걸 권장하지는 않습니다.) 324p - 관계 정의하기 모라구요 선생님?? 잠깐 딴생각 하느라 못들었어요 젠장 데이터베이스 스키마 ~~ 머리에 바로 떠올릴수있는 사람이 참된 개발자여 근데 종류가 갱장히 많아여 오미희씨는 게시판에 카테고리 기능을 넣더라구요. 구현이 완료가 되었나요? - 안되었다고 합니다. 게..

------------1교시------------- 씨퀄라이져 사용하는 이유? 왜 필요한지? 씨퀄라이져가 뭔가? (책내용 읽어주심 씨퀄라이즈는 어쩌구~~~~~) => 데이터베이스도 결국 하나의 객체라고 생각하고 만든게 오알엠이다. 에스큐엘 쿼리문들을 객체안에 들어간 내용을 뽑아내는 것들이 오알엠의 기본 핵심이라고 합니당 데이터를 객체로 표현하는게 오알엠. (물론 에스큐엘을 모르는채로 씨퀄라이즈를 사용하는걸 권장하지는 않습니다.) 324p - 관계 정의하기 모라구요 선생님?? 잠깐 딴생각 하느라 못들었어요 젠장 데이터베이스 스키마 ~~ 머리에 바로 떠올릴수있는 사람이 참된 개발자여 근데 종류가 갱장히 많아여 오미희씨는 게시판에 카테고리 기능을 넣더라구요. 구현이 완료가 되었나요? - 안되었다고 합니다. 게..

프로토타입과 프로토 개념은 흐름만 이해하면 됨 . 모르면 안된다기보다 면접등에서 자주 나와서 유용한 정도라고 함. 오늘은 동기/ 비동기 개념이랑 콜백함수를 직점 구현해보기. 1교시) *동기/ 비동기와 콜백함수 1. 동기/ 비동기 세호씨가 마트에 가서 고기를 달라고 했음. 마트는 고기를 준비함. 세호씨는 마트에서 고기 준비될 때까지 기다리셔야 함. 다른 사람이 오면 세호씨 순번이 끝날때 까지 기다리셔야함. 이것처럼 소스가 순차적으로 흘러가는 것을 동기라고 한다. 세호씨가 고기 주문- > 마트 "지금 고기 없어요 번호 남기고 가세요"-> 번호 남김 -> 쌤이 마트에 음료수 달라고 함. -> 마트 "음료 뭐 간단한거니까"-> 음료수 줌 (현재로 세호씨는 고기를 못받은 상태) -> 나중에 세호씨 고기 줌 소스의..

오늘 수업에서 배운 내용으로 이해하는게 쉽지 않아서 다른 사이트와 영상들을 참고하여 나름대로 이해해보았습니다. 그 내용을 정리해볼까 합니다. 1. 프로토타입 객체란? -우리가 자바스크립트에서 함수를 정의하면, 2가지 객체가 생성됩니다. 하나는 우리가 정의한 함수(객체)이고, 또 하나는 그것의 프로토타입 객체입니다. 이 두개의 객체는 서로 연관되어있습니다. 우선 "person함수" 에는 이라고 하는 속성(property)이 있습니다. 이 속성은 "person 의 프로토타입 객체"를 참조합니다. 마찬가지로 "person의 프로토타입 객체" 에는 속성이 있습니다. 이 속성은 "person 함수 (객체)" 참조합니다. 즉, person함수와 그의 프로토타입 객체는 상호 참조 관계입니다. 여기에서 프로토타입 객체..