이게 외 않되

[스파르타코딩클럽] 웹개발 종합반 - 5주 차 5주 차 내용은 사실 4주 차 내용을 반복하는 내용이라서 굳이 따로 정리할 필요가 없을 것 같았다. 5주 차에서는 버킷리스트와 팬명록을 만들어봤고, 아래 사진은 내가 만든 팬명록을 AWS Elastic Beanstalk으로 배포해서 도메인으로 접속했을 때 나온 화면이다. AWS Elastic Beanstalk으로 배포하는 것을 정리하려 한다. 웹서비스 런칭에 필요한 개념 로컬 서버에서 클라우드 서버로 바꿔보자. 5주 차까지 달리면서 locahost:5000을 많이 썼었던 것 같다. 그동안 컴퓨터가 한 개이기 때문에 서버와 클라이언트를 하나의 컴퓨터에서 동작시켰다면, 내 컴퓨터를 켜놓지 않아도 접근할 수 있는 웹 서비스를 만드는 것이다. 웹 서비스를 런칭하기 ..

[스파르타코딩클럽] 웹개발 종합반 - 4주 차 Flask 시작하기 - 본격 API 만들기 클라이언트가 요청할 때 "방식"이 존재한다. HTTP라는 통신 규약을 따른다. 클라이언트는 요청할 때 HTTP request method(요청 메소드)를 통해서 어떤 요청 종류인지 응답하는 서버 쪽에 정보를 알려주는 것이다. 여러 방식이 존재하지만, 가장 많이 쓰이는 GET, POST 방식에 대해 다루어보겠다. GET 요청 통상적으로 데이터 조회(Read)를 요청할 때 사용한다. ex) 영화 목록 조회 → 데이터 전달 : URL 뒤에 물음표를 붙여 key=value로 전달 POST 요청 통상적으로 데이터 생성(Create), 변경(Update), 삭제(Delete) 요청할 때 사용한다. ex) 회원가입, 회원탈퇴, ..

웹 개발 종합반 3주차 스터디를 진행했다. 금요일에 더워서 창문을 열었다가 까먹고 안닫고 자서 감기에 걸렸다. 주말 내내 아파서 이틀을 통째로 날렸다. 진짜 밥먹고 약먹고 자고를 반복하는 주말이었다.. 그렇게 1일 1강의를 주말 내내 못했다. 그래도 스터디는 해야겠다싶어서 타이레놀 두 알과 판피린 두 병으로 그나마 괜찮아진 상태에서 참여했다. 3주차 내용을 4일전, 목요일에 듣고 복습을 못해서 기억 저 구석으로 보내버린 줄 알았는데, 유리님과 근보님 발표를 들으면서 잘 떠올릴 수 있었다. 오늘 스터디 문제는 네이버 게임 순위를 크롤링해서 그걸 데이터베이스에 저장하는 것이었다. 네이버 게임 순위 창에서 순위와 게임 이름, 장르를 각각 copy selector해서 코드를 작성하면 첫번째 단계는 성공이다. i..

[스파르타코딩클럽] 웹개발 종합반 - 4주 차 Flask 시작하기 웹을 만들기 위해 사용할 편리한 도구모음, 라이브러리를 사용할 것이다. 터미널 > 새 터미널을 누르고 터미널에 python(맥은 python3) -m venv venv 를 입력한다. 그러면 venv 폴더가 projects 폴더 내부에 생성되는 것을 확인할 수 있다. 그리고 venv을 활성화 해준다. VS Code 오른쪽 하단에 있는 파이썬 버전이 venv가 있는 버전인지 확인하고 아니라면 파이썬 버전을 누르고 venv가 쓰여있는 버전을 누른다. 터미널에 pip install flask 라고 입력해준다. Flask 프레임워크: 서버를 구동시켜주는 편한 코드 모음이다. 웹 서버를 구동하는데 필요한 복잡한 코드들을 쉽게 가져다 쓸 수 있다. 프..

[스파르타코딩클럽] 웹개발 종합반 - 3주 차 복습 - OpenAPI 붙여보기 전에 했던 '내 생애 최고의 영화들'에서 OpenAPI를 이용해서 영화이미지, 제목 등등이 나열되게 해본다. fetch("http://spartacodingclub.shop/web/api/movie") .then(response => response.json()) .then(data => { console.log(data['movies']) }) 영화 데이터를 콘솔에 찍어본다. fetch("http://spartacodingclub.shop/web/api/movie") .then(response => response.json()) .then(data => { let rows = data['movies'] rows.forEach..

웹 개발 종합반 2주차 스터디를 진행했다. 스터디가 끝나고 알았다. 마이크 작동 안하고 있었다. 분명 처음에는 말을 했었던 것 같은데.. 어쩐지 아무도 내 질문 안들어주더라.. 서운할 뻔했다. 스터디 끝나고 USB단자를 몇번씩이나 꼽았다 뺐다 했는지,, 아무튼 오늘 2주차 스터디로 JavaScript와 JQuery, fetch에 대해 다뤘다. 강의 듣고 정리할때는 할만하다고 생각했는데 유리님이 준비해오신 문제를 보고나서 나는 뭘했지? 하는 생각이 들었다. 근데 바보같이 마이크가 안되는줄도 모르고 혼자서 어렵다고 하고 있었다..ㅋㅋ 저번 스터디에서 문제 푸는 시간이 너무 오래걸려서 문제는 발표자나 준비하고 싶은 분들만 준비하기로 했는데 이번 스터디 발표를 맡으신 은양님, 영은님께서 Kakao Dvelope..

[스파르타코딩클럽] 웹개발 종합반 - 2주 차 자바 스크립트란? 브라우저가 알아들을 수 있는 언어. 안에 로 공간을 만들어 작성, script 태그 안에 자바스크립트를 작성하는 것이다. btn (1) 버튼을 (2) hey를 (3) alert(’ 안녕’)을 프로그래밍에서는 정해진 일을 반복하는 것을 함수라고 한다. 위 사진에서는 function hey()라는 규칙으로 hey라는 함수를 만들었고, alert(’안녕’)이라는 작업을 원할 때마다 반복적으로 수행하게 하는 것이다. btn alert에서 console.log를 바꿔서 실행, btn을 누르면 브라우저 화면에서 우클릭하고 검사를 누른다. 화면에 개발자 도구가 뜬다. Console을 누르면 'hi'가 출력된 것을 볼 수 있다. 내가 코딩한 것이 맞게 출..

항해 99에 합격하게 되어서 사전 스터디 조원들과 스터디를 시작하게 되었다. 사실 사전 스터디 한참 전에 2주 차 강의까지 들었었는데, 어머니 가게에서 일하게 되면서 몸이 힘들다는 핑계로 계속 강의 듣는 것을 미뤄왔었다. 사전 스터디 일정을 정하고 첫 번째 스터디 모임을 갖은 지 이제 1시간? 2시간? 정도 지난 것 같은데 정신없었지만 참 즐겁게 진행되었 던 것 같다. 첫 번째 스터디 날부터 나는 발표를 하게 되었는데, 나도 내가 뭐라고 하는지 모를정도로 정신없이 진행했는데, 다행히도 스터디 조원분들께서 잘 들어주셨다. 스터디 확실히 도움이 많이 되는 듯하다. 서로 문제를 내고 맞추어보면서 내가 몰랐던 부분을 알게 되었고, 내가 어느 부분을 복습해야 할지 알 수 있어 좋았다. 내가 궁금한게 아니라 다른 ..