두번째 공부(개발공부)/비개발자를 위한 웹개발 종합반(스파르타코딩클럽) 5

5주차 개발일지] 모의 프로젝트(버킷리스트, 팬명록), 팬명록 배포하기 - 스파르타 코딩클럽

웹개발 종합반도 드디어 완주 성공! html, css, javascript 그리고 파이썬, flask, AWS까지 (AWS는 마지막에 에러가 생겨서 배포하는 연습을 해보지는 못했다...) 5주차 강의 마지막에 강사는 웹개발의 A-Z를 모두 배워본 것이라는 말에 고양감이 들었다. 물론, 그저 따라하는 수준이었지만 주차가 진행될 수록 강의에서 하는 말들이 들리는 게 신기했다. 데이터 분석 강의와 마찬가지로 계속 복습이 필요한 부분이라고 생각이 된다. 또한, 실력 향상과 체득을 위해 스스로 구현해보고자 했던 웹페이지를 만들어보고자한다. 우선, 강의를 시작하면서 생각했던 페이지는 '우리동네 맛지도' 페이지를 만들어보는 것이었다. 지도api 활용이 가능한지는 차차 알아보면서, 나만의 페이지를 만들어 가는 과정도 ..

4주차 개발일지] Flask 서버만들기, 프로젝트(화성땅만들기, 스파르타피디아) - 스파르타 코딩클럽

3일을 남기고 일단.. NCS 수료기준은 충족! 남은 2일간 완주하여 100% 수강 완료도전! 4주차에서는 Flask 를 이용하여 서버를 만들고, 프론트엔드와 백엔드를 오가며 코딩을 진행하였다. 프로젝트를 바탕으로 수업이 진행되어, 그저 따라하는 수준이지만 가시적인 성과에 흥분되었다! 주된 작업은 웹페이지에서 입력한 데이터를 mongoDB 클라우드에 저장하고, 이를 불러와서 페이지에 표현해주는 기능을 실습해보는 것이었다. 뭘 받고, 주고 한다는데 이해가 안되더니, 어느 순간 아! 이건가 하는 순간이 있었다. 내일 새로운 프로젝트로 연습을 할 때, 이게 뭔소리지 하겠지만 영어를 배울 때 귀가 트이는 듯한 느낌이 들어서 자신감이 생긴 것 같다. 마지막 주차의 프로젝트는 강사님이 지시하는 부분을 강의보다 먼저..

3주차 개발일지 ] 크롤링, mongoDB

주식데이터를 활용한 파이썬 강의를 듣고 있어서 3주차 강의는 수월하게 들었다. 클라우드라고 하면 구글 드라이브나, 네이버 드라이브와 같이 파일을 올리고 내리는 기능만을 가진 것이라고 생각했다. 그런데 클라우드를 통해 코드를 통해 만들어진 정보들을 저장하고 불러올 수 있는 것에 대해 흥미가 생겼다. 게으름을 핑계로 많이 늦어지긴 했지만, 4~5주차 강의까지 완강한 후, 복습 또 복습해서 나만의 웹페이지 정도는 만들어봐야겠다!

2주차 개발일지] Javascript, JQuery, Fetch 배우기(스파르타코딩클럽)

1주차 숙제 제출이 늦어져 2주차 시작을 수요일에나 시작할 수 있었다. 지난 1주차에서는 html과 css, 웹을 이루는 뼈대와 꾸미기 작업에 대해 배웠다. 이번 2주차에는 웹을 움직이게하는 Javascript와 효율적인 Javascript 사용을 위한 JQuery, 그리고 온라인에 공개된 데이터를 받아오게 하는 Fetch까지 배울 수 있었다. Javascript html은 뼈대, css는 꾸미기, Javascript는 움직이기 javascript는 안에 에 입력하게 된다. fucntion, onclick, console, let 등의 명령어를 이용해보았다. 그 중, console은 내가 작성한 코드가 브라우저에서 정상적으로 작동하는지 알아보는 명령어로, 브라우저 > 우클릭 > 검사 > console 창..

1주차 개발일지] 웹브라우저 원리부터 웹페이지 만들기까지

친구의 추천으로 스파르타코딩클럽에서 운영하는 내일배움단 웹개발 강의를 신청했다! 내일배움단 신청이 조금 복잡하긴 했지만, 결제까지 완료! 1주차 강의 시작! naver 메인 페이지의 카테고리의 이름을 바꿔보며, 웹 브라우저의 원리에 대해 배웠다. 웹브라우저 : 요청한 내용을 그려주는 역할! 이후 코딩을 하기 위한 도구를 설치하였다.(VS코드) 한글패치도 해주고, 내가 쓴 코드가 웹에서 어떻게 동작하는지 보기 위한 live server 앱도 설치하였다. 이후, 간단한 로그인페이지를 만들어보며, HTML과 CSS의 기초에 대해 공부하였다. HTML : 웹에 뼈대가 되는 부분 CSS : 꾸며주는 부분 HTML의 기본 뼈대는 vs코드에서 html을 검색하면 쉽게 만들 수 있다. HTML은 head 와 body ..