웹 프로그래밍 A-Z 기초

1주차

수강기록

• 1주차 1강 - 오늘 배울 것
• 1주차 2강 - 필수 프로그램 설치
• 1주차 3강 - HTML, CSS 기본 내용
• 1주차 4강 - Quiz_간단한 로그인 페이지 만들어보기
• 1주차 5강 - CSS 기초
• 1주차 6강 - 자주 쓰이는 CSS 연습하기
• 1주차 7강 - 폰트, 주석, 파일분리
• 1주차 8강 - 부트스트랩, 예쁜 CSS 모음집
• 1주차 9강 - CSS 꿀팁 한번 더 배우기
• 1주차 10강 - 본격 부트스트랩 써보기
• 1주차 11강 - Quiz_포스팅박스를 완성하기
• 1주차 12강 - Javascript 맛보기
• 1주차 13강 - Javascript 기초 문법 배우기(1)
• 1주차 14강 - Javascript 기초 문법 배우기(2)
• 1주차 15강 - Javascript 연습하기
• 1주차 16강 - 1주차 끝 & 숙제 설명
• 1주차 숙제제출

개발일지

알고 있던 것

• html, css, javascript 간의 구동방식이나 사용하는 법
• 프론트 단에 페이지를 만드는 법

새롭게 알게된 것

• 프로그래밍 언어를 다 이해하기 보다는 그때 그때 필요한 부분을 구글에서 찾거나 이전에 사용했던 코드들을 재활용한다.

그동안 이해가 안 되는 부분들을 하나하나 짚고 넘어가려고 하다보니 지치고
서비스 개발이 멀게만 느껴졌는데이렇게 하나씩 해나가다보면 멀지 않게 느껴질 것 같다.

2주차

수강기록

• 2주차 1강 - 오늘 배울 것
• 2주차 2강 - JQuery 시작하기
• 2주차 3강 - JQuery 다뤄보기
• 2주차 4강 - JQuery 적용하기(포스팅 박스)
• 2주차 5강 - Quiz_JQuery 연습하기
• 2주차 6강 - 서버-클라이언트 통신 이해하기
• 2주차 7강 - Ajax 시작하기
• 2주차 8강 - Ajax 함께 연습하기
• 2주차 9강 - Quiz_Ajax 연습하기(1)
• 2주차 10강 - Quiz_Ajax 연습하기(2)
• 2주차 11강 - 2주차 끝 & 숙제 설명
• 2주차 숙제제출

개발일지

알고 있던 것

• jquery, ajax 다루는 법
• 서버 클라이언트 통신

새롭게 알게된 것

• $('#아이디이름') 으로 아이디를 불러와 html에 append가 가능
• attr 로 img 태그 안에 속성값 변경 가능

• 3-1 3주차 설치
• 3-2 연습 겸 복습 - 스파르타피디아에 OpenAPI 붙여보기
• 3-3 파이썬 시작하기
• 3-4 파이썬 기초공부
• 3-5 파이썬 패키지 설치하기
• 3-6 패키지 사용해보기
• 3-7 웹스크래핑(크롤링) 기초
• 3-8 Quiz_웹스크래핑(크롤링) 연습
• 3-9 DB개괄
• 3-10 mongoDB 시작하기
• 3-11 mongoDB 연결하기
• 3-12 pymongo로 DB조작하기
• 3-13 웹스크래핑 결과 저장하기
• 3-14 Quiz_웹스크래핑 결과 이용하기
• 3-15 3주차 끝 & 숙제 설명
• 숙제 제출

개발일지

알고 있던 것

• 크롤링 방법
• 몽고db 사용법

새롭게 알게된 것

• local호스트에 저장하던 방식이 아니라 몽고db 클러스터에 직접 저장하는 방법
  1.몽고db 페이지에 들어가 링크를 복사한다.
  2.몽고 클라이언트 입력란에 링크를 넣고 비밀번호를 수정한다.

• og태그 이용하기
  내가 가져가고 싶은 중요한 정보 (제목이나, 이미지 등)은 og태그에 저장 돼 있는 경우가 많다.
  og태그를 참고 해볼 것!

• 4-1 4주차 오늘 배울 것

• 4-2 Flask 시작하기 - 서버만들기

• 4-3 Flask 시작하기 - HTML파일 주기

• 4-4 Flask 시작하기 - 본격 API 만들기

• 4-5 [화성땅 공동구매] - 프로젝트 세팅

• 4-6 [화성땅 공동구매] - 뼈대 준비하기

• 4-7 [화성땅 공동구매] - POST 연습(주문 저장)

• 4-8 [화성땅 공동구매] - GET 연습(주문 보여주기)

• 4-9 [스파르타피디아] - 프로젝트 세팅

• 4-10 [스파르타피디아] - 조각 기능 구현해보기

• 4-11 [스파르타피디아] - 뼈대 준비하기

• 4-12 [스파르타피디아] - POST 연습(포스팅하기)

• 4-13 [스파르타피디아] - GET 연습(보여주기)

개발일지

알고 있던 것

• 서버 만들기
• GET, POST를 통한 페이지 구현

새롭게 알게된 것

• 화면이 새로고침 될 때 마다 함수를 불러올 수 있는 코드
  • $(document).ready()
• post 한 후 reload
  • window.location.reload()