ssung_항해일지/웹개발종합_HTML, CSS, Javascript 5

5주차 개발일지

5주차 3회독 완료! 수업목표 Flask 프레임 워크를 활용해서 API를 만들 수 있다. '버킷리스트'를 완성한다. EC2에 내 프로젝트를 올리고, 자랑한다! 수업 내용 정리 버킷리스트 - db에 버킷리스트의 번호를 넣어줄 때 문자가 아닌 숫자로 바꿔서 데이터를 전송해주는 것이 핵심 Ex_ db.bucket.updata_one({'num' : int(num_receive)}, {'$set' : {'done' : 1}}) 내게 아쉬운 점 API를 만들고 서버와 통신해 데이터 주고받기 미숙 -> 숙달 필요

4주차 개발일지

4주차 3회독 완료! 수업목표 Flask 프레임워크를 활용하여 API를 만들 수 있다. '화성에 땅사기' API를 만들고 클라이언트에 연결한다. '스파르타피디아' API를 만들고 클라이언트와 연결한다. 수업 내용 정리 Flask - 기본 폴더 구조를 만들고 시작! (static (CSS 파일 저장) 폴더, templates (HTML 파일 저장) 폴더, app.py 파일을 만들고 시작!) - GET 방식 : 데이터 조회(Read) 요청 시 사용, 데이터 전달 (URL뒤에 물음표를 붙여 key=value로 전달) - POST방식 : 데이터 생성(Create), 변경(Updata), 삭제(Delete) 요청 할 때 사용 데이터 전달 : 바로 보이지 않는 HTML 의 key:value 형태로 전달 meta 태..

3주차 기록일지

3주차 3회독 완료! 수업목표 파이썬 기초 문법을 안다. 원하는 페이지 크롤링 할 수 있다. pymongo를 통해 mongoDB를 제어할 수 있다. 수업 내용 정리 파이썬 - 다른 언어에 비해 매우 직관적인 언어이고, 할 수 있는 것도 많은 언어 - 함수는 def 로 선언 (자바스크립트 = function) - 반복문 EX) for fruit in fruits ... - 패키지는 모듈(일종의 기능들의 묶음)을 모아 놓은 단위이고, 이런 패키지의 묶음이 라이브러리이다. (패키지 설치 = 외부 라이브러리 설치!) 크롤링 - "bs4"(beautifulsoup4) 패키지 설치 필요 - HTML을 검색하기 용이한 상태로 만들어 필요한 부분을 추출 할 수 있음 DB - 쌓인 데이터를 추후에 잘 찾아 사용하기 위해..

2주차 기록일지

2주차 3회독 완료!! 수업목표 Javascript 익숙해지기 jQuery로 간단한 HTML 조작 Ajax를 사용한 API를 통해 데이터 주고받기 (Javascript도 익숙하지 않은데 jQuery와 Ajax 까지?) 수업 내용 정리 jQuery - Javascript의 복잡한 명령어와 브라우저 간 호환성 문제로 인해 등장한 라이브러리! (Javascript와 달리 미리 작성된 코드이므로 짜여진 코드를 잘 가져와서 사용하는 것! 사용 전 "임포트" 필수!) - id 값을 HTML에서 지정하고, $('#xxx').val() 을 사용하여 값을 가져온다. Ex) $('#url').val() or $('#url').val('이렇 게는 입력 가능!') - 원하는 값을 넣을 때는 let xxx = '...'을 사용..

1주차 기록일지

아무것도 모르는 상태에서 시작한 항해99의 부트캠프 '웹개발종합반' 이라는 강의를 들은지는 약 2주(?) 정도 지났지만 그 전에는 강의만 들었지, 블로그를 개설해 나만의 일지를 적을 생각은 하지도 않았다. 어느 새 1주차 강의를 들은 횟수는 3회차인데 아직도 부족한 것들이 많다고 생각이 든다.. 강의를 따라하며 만들어 본 숙제도 3회차인 만큼 3개!! 그나마 내 눈에 익숙해지고, 틀이 잡혀가는 것? 같은데 그래도 처음보다는 훨씬 나아진 것 같다😁 1주차 내용을 정리해보자면 HTML은 뼈대! (페이지의 구역, 텍스트를 나타내는 코드) CSS는 꾸미기! (HTML로 나눠준 구역을 꾸며주는 코드) (예쁜 CSS를 모아둔 곳 = 'bootstrap') Javascript는 언어의 종류 중 하나로, 브라우저가 알..

728x90