개발 회고 창고 개발 회고 창고

스파르타코딩클럽 Node.js 기초반 4주차 개발일지 목차 쇼핑몰 페이지 구현 4주차 소감 1. 쇼핑몰 페이지 구현 - 상품 필터링하기 카테고리의 음료면 음료 음식이면 음식으로 나게 구현해줬다. HTML을 .ejs로 변환해서 만들어줬고, 라우팅을 해줬다. 라우팅 후 DB를 활용하기 위해 API 작업도 해줬다. 카테고리 '음료' 카테고리 '음식' - 상품 장바구니에 담기 상품을 장바구니에 담기 위해서 데이터 정보를 담아서 정보를 넘겨주는 작업을 했다. Schema작업도 해주고 API 작업을 해줬다. 장바구니에 DB만 있으면 안되니까 .ejs를 이용해서 페이지 구현을 하면서 라우팅도 해줬다. 장바구니 Schema const mongoose = require("mongoose"); const { Schema ..

스파르타코딩클럽 후기 1. 후기 처음에 개발자라는 직업을 갖기 위해서 다른 일을 하며 다니던 회사를 때려치우고 먼저, 스파르타코딩클럽의 웹개발 종합반을 듣게 되었다. 그 전에 책으로 한번 'html', 'css', 'javascript'등을 간단하게 공부해 본 적이 있다. 1주차를 들어선 순간 전에 배웠던 것들이 도움이 되는 듯 싶었다. 하지만 2주차,3주차 들어선 순간 부터는 타자를 치는 손이 안 따라줬다. 그치만 내가 써내려가는 코드를 보고 뿌듯함을 느끼면서, 개발자를 준비를 할 때 많이 뒤쳐질 것 같아서 열심히 반복을 하고 반복을 했다. 열심히 따라간 결과, 5주차를 잘 수료를 해서 내 프로젝트를 서버에 배포하게 돼서 정말 기분이 묘했다... 그치만 내가 부족한 걸 알기에 반복학습을 꾸준하게 할 것..

5주차 수업 목표 1. Flask 프레임워크 GET,POST 복습 POST방식에서 pymongo를 이용하여 프로젝트 내에 오름차순-내림차순을 코딩하는 법을 배웠다. 2. AWS ec2 서버 세팅 및 구현 AWS를 1년간 무료로 이용할 수 있는 ec2를 설정을 하고 리눅스 중 가장 보편적인 우분투를 이용하여 key를 받고 서버에 원격 접속 시 필요한 'pem'이라는 키페어 파일을 받았다. 3. (Mac)터미널을 이용한 ec2 원격 접속 터미널을 이용해서 ec2 서버에 원격 접속을 하였다. 터미널에서 명령어를 입력을 해서 Flask, pymongo, ubuntu등을 설치하여 구동을 했고, 반복을 통하여 가장 중요한 file zilla를 통해 서버를 올리는 작업 중 수정하여 서버에 배포 할 떄의 명령어를 익숙..

4주차 수업 목표 1. Flask 프레임워크를 활용해서 API를 만들기. ㄱ. Flask 프레임워크란? 서버를 구동시켜주는 편한 코드 모음이며, 서버를 구동하려면 필요한 복잡한 일들을 쉽게 가져다 쓸 수 있다. ㄴ. Flask 서버를 만들 때, 항상, 프로젝트 폴더 안에, ㄴstatic 폴더 (이미지, css파일을 넣어둡니다) ㄴtemplates 폴더 (html파일을 넣어둡니다) ㄴapp.py 파일 (참고 해야할 것은 'venv'파일은 절대 건드리면 안되는 파일이다.) ㄷ.HTML 파일 불러오기 우선 templates파일 안에 .html파일을 넣어준다. 그 후 html파일을 불러올 때는 def home(): return render_template('index.html') 와 같이 두번 째 줄 괄호안에 ..

웹개발 종합반 3주차 개발일지 파이썬 기초공부 파이썬 패키지 설치 방법 웹스크래핑(크롤링) DB개괄 pymongo로 DB조작하기 3주차 숙제 1. 파이썬 기초공부 파이썬의 기초 분법에는 변수 & 기본연산 자료형 함수 조건문 반복문 이 있다. 실습을 해보며 느낀점은 따라치는건 쉽지만 응용을 하거나 혼자 할 때 생각이 잘 안난다.. 2. 파이썬 패키지 설치 방법 (Mac 기준) pycharm에서 상단에 pycharm을 클릭한다. preferences에 클릭 후 Python Interpreter에 접속한다. 본인이 원하는 패키지를 검색 후 install을 해준다. 3. 웹스크래핑(크롤링) 크롤링 기본 세팅 import requests from bs4 import BeautifulSoup headers = {'..

웹개발 종합반 2주차 개발일지 JQuery 개념 및 문법 이해 서버-클라이언트 통신 이해하기 Ajax 개념 및 문법 이해 2주차 숙제 진행 2주차 느낀점 1. JQuery 개념 및 문법 이해 JQuery는 특정된 HTML의 'id'를 적용헤서 Javascript를 이용한 것 보다 더욱 더 간단하게 구현을 해낼 수 있다. JQuery는 원래는 'import'가 필수적이지만, 부트스트랩을 이용 할 시 'import'가 포함이 되어있어서, 굳이 반복되어서 쓸 필요가 없다. 백틱 ('')은 Temp_html을 무조건 따라다는 것인데 코딩에서 구현해 내고 싶은 텍스트를 html로 변경해준다. 2. 서버-클라이언트 통신 이해하기 JSON을 이용해서 데이터들이 전달이 되는 것을 배웠다. GET은 통상적으로 데이터 조..

수강목적 어렸을 때 부터 하고싶었던 개발자를 하고싶어서 웹개발이란 것을 시작해서 개발자가 되기 위해 수강을 하게 되었다. 배운 점 / 잘한 점 1) 배운점 HTML : 처음에 영상 강의를 통해 처음 접했던 것이 'HTML'이었다. 크게 'head'와 'body로 나눠졌는데, 'head'는 css와 title 그리고 서버 정보 등을 나타내는 곳이며, 'body'는 웹페이지를 구현하고 나타내는 곳이다. CSS : 두번째로는 css를 배웠는데 위에 서 말한 것과 같이, 'head'안에 나타나게 되어있는데 웹페이지 안에서 글의 위치 또는 박스의 모서리 각 과 길이를 줄였다 늘리는 꾸며주는 역할을 한다. 부스트트랩 사용법 : 이 것은 이미 개발되어있는 CSS를 배포해주는 사이트로 빠르게 코딩을 시작할 때 아주 많..