어쨌든 해내는 코딩 일기

2. bootstrap > 'cards' 검색 > Image caps밑에 있는 코드 복사해서 html body에 붙여넣기 image caps는 위, 아래로 생성3.  옆으로 생성되는 것이 필요하므로 card groups 밑의 코드 다시 복사 붙여넣기 4. grid cards를 통해서 카드 삽입

진행상태창 만들기1. HTML) qna section 안에 div.status로 status 클래스 만들고, 그 안에div.statusbar로 statusbar 클래스를 만들다  2. Javascript) const endPoint를 정의해준다나는 질문이 12개였음. // statusbar 위한 엔드포인트 정의const endPoint =12;3. 이어서 goNext 함수 안에 var status를 .statusbar를 가져오는 것으로 정의하고status의 스타일 너비는 (100/ endPoint) * (qIdx+1) 씩 하고 퍼센테이지로 한다 function goNext(qIdx){ ..

작업관리자 열기(코드 구조 확인): Ctrl+Shift+I  qnalist 코드를 작업관리자 console에서 열어보면 구조가 나옴.Key와 Value로 이루어져 있고q라는 key에 질문(q)가 있고a라는 key에 배열 3개(array(3))이 있고 -> a는 answer와 와 type이라는 value로 이루어져있다.  type이 4개가 있어서 사용자가 누르는 값에 따라 cow, tiger, dragon, chick의 결과를 띄워줌****object형식의 자료는 .으로 자료를 찾을 수 있음.innerHTML 정의:Element 속성(property) innerHTML 은 요소(element) 내에 포함 된 HTML 또는 XML 마크업을 가져오거나 설정한다. innerHTML 사용하는 방법이미 우리는 다량..

vs code에서 html 여는 방법1) extension에 가서 open in browser을 install 한다2).html 파일을 오른쪽 버튼으로 누르고 open in default browser을 클릭한다. (alt+b)  vs code에서 html  기본 세팅, 자동완성 하는 방법! + enter 또는 html:5 입력  section id 쉽게 입력하는 방법  section#이름   - section#main -section#qna-section#result 입력한 결과

-클라이언트에서 정보를 쳐서 보내주면은 서버(ex.index.js)에서 처리하는데 이때, body-parser dependency 꼭 필요! (npm install body-parser --save 입력)★ 1)https://www.postman.com/downloads/ Download Postman | Get Started for FreeTry Postman for free! Join 35 million developers who rely on Postman, the collaboration platform for API development. Create better APIs—faster.www.postman.com 2) register를 위한 route 코드 입력// 회원 가입을 위한 routea..

https://cloud.mongodb.com/v2#/org/6741951615d0a0648f9ed0ed/projects  Cloud: MongoDB Cloud account.mongodb.com1번)1. 클러스터 클릭2. 클러스터 이름 적기 (나는 newlifecode)3. 무료 버전으로 클릭4. username과 password를 입력한다 (newlifecode, 숫자4)5.create database user를 누른다6. choose a connection method를 누른다7. 나는 여기서 mongodb for vs code를 눌렀다8. 그리고 뜨는 링크를 복사해서 vs code에 입력해놓는다(추후에 쓸 예정)2번)- terminal에 npm install moongoose -- save를 입력..

1번) terminal에 node- v 입력해서 버전 뜨는지 확인-terminal에 cd documents  입력해서 '문서'파일에 들어가기- mkdir (폴더명) 입력해서 '폴더명' 폴더 만들기- cd 폴더명 입력해서 '폴더명' 폴더에 들어가기2번) npm 패키지 만들기 위해서 npm init 입력- 엔터 엔터 누르면서 넘어가고 폴더명 불러오기3번) package.json 생성되어 있음. 4번) index.js라는 파일 만들기5번) terminal에 npm install express -- save 입력해서 node js의 프레임워크인 express js 다운로드 받기- package.json에서 express 확인 가능6번) 위 과정을 하면 알아서 생기는 node_modules 마지막 단계 링크htt..