Front-end Developer

2월 17일 (수) 오늘 한 일 Python_Flask를 이용해서 인기있는 영화배우 순위를 정리한 '마이 페이보릿 무비스타' 사이트를 만들어보았다. 웹 스크래핑으로 영화배우들의 정보들을 서버를 통해서 데이터 베이스에 저장했다. '위로' 버튼을 누르면 데이터를 바꾸어서 좋아요 숫자가 올라가는 기능을 구현해보았다. '삭제' 버튼을 누르면 데이터를 삭제해서 해당 영화배우 정보가 없어지게 했다. AWS를 사용해서 웹 서비스를 런칭해봤다. git bash를 통해 리눅스에 접속해서 리눅스 안에서 웹 서버를 실행시켰다. AWS EC2 서버를 구매하는 방법을 공부했다. filezilla로 aws에서 빌린 리눅스 서버에 파일을 보냈다. AWS로 어떻게 웹 서비스를 런칭했는지 블로그에 정리했다. 웹 서비스 런칭 with ..

웹 서비스 런칭을 위해서 클라이언트의 요구에 항상 응답할 수 있는 서버를 구축시켜야한다. 개인 컴퓨터로도 서버를 구축시킬 수 있지만 컴퓨터가 계속 켜저 있어야하기 때문에 모두가 언제나 사용할 수 있게 하는게 쉽지가 않다. 그래서 보통 많은 사람들이 큰 회사에 클라우드 서비스를 사용한다. 그중에서 제일 잘알려져 있는게 AWS(아마존 웹 서비스)이다. AWS(아마존 웹 서비스) AWS는 다른 사람들에게 항상 가동되고있는 컴퓨터를 빌려줌으로써 다른사람들이 그 컴퓨터에 자신들의 서버를 구축시킬 수 있는 서비스를 제공한다. AWS에서 컴퓨터를 빌리면 해당 컴퓨터에 접속할 수 있는 IP 주소를 제공한다. AWS EC2 서버 구매 AWS EC2 서버를 구매해야되는데, EC2는 Elastic Compute Cloud의..

2월 16일 (화) 오늘 한 일 Python_Flask를 이용해서 서버를 구축했다. GET 타입과 POST 타입을 이용해서 데이터를 저장하고 불러오는 연습을 했다. Flask 기본뼈대를 파악하고 pymong 함수들과 bs4 함수들을 같이 사용했다. Flask 기초와 메모장 프로젝트를 블로그에 정리해서 올렸다. Python_Flask: 서버 만들기 오늘 하루 느낀점 서버를 배우면서 웹개발의 전체적인 틀을 이해할 수 있어서 아주 의미 깊은 시간이였다! 항해99사전기간에 스터디에 참여해서 아침부터 부지런히 공부할 수 있게되어 감사하다. 스터디를 같이 하는 분을 도와드렸는데 나또한 같이 성장하고 남을 도울 수 있음에 뿌듯했다.

기본 개념 Library(라이브러리) 라이브러리는 다른 개발자가 간편하게 코딩하기 위해서 만들어 놓은 함수들의 집합이다. 개발을 위한 도구들을 가지고 있는 도구함이라고 볼 수 있다. Framework(프레임워크) 프레임워크는 뼈대나 기반구조를 뜻한다. 개발자는 프레임워크에 맞는 구조 안에서 복잡한 작업들을 쉽게 처리할 수 있다. 라이브러리와 프레임워크 차이점 라이브러리는 도구들을 빌려와서 쓰는것이기 때문에 한 파일안에 여러가지 라이브러리를 같이 사용할 수 있지만 프레임워크는 전체적인 흐름을 담당하고 있기 때문에 한 파일안에 하나만 사용할 수 있다. Sever(서버) 서버는 하나의 프로그램으로써 클라이언트 요청에 응답하고 데이터베이스에 정보들을 저장하거나 정보들을 가져와서 클라이언트에 제공하는 역할을 한다..

2월 15일 (월) 오늘 한 일 Python을 이용해서 웹스크래핑을 했다. 파이썬에 beautifulsoup4 패키지를 다운받고 패키지에서 만들어놓은 기본 세팅을 사용해 보았다. 파이썬에서 반복문 쓰는 법을 연습했다. Python을 이용해서 DB(데이터베이스)를 조작했다. SQL과 NoSQL에 이론에대해 공부했다. mongoDB와 RoBo3T를 세팅했다. 파이썬에 pymongo 패키지를 이용해서 DB에 정보를 삽입하고 불러내고 변경하고 삭제하는 연습을 했다. Python을 이용해서 지니뮤직 음원 차트 페이지를 웹스크래핑한 것을 블로그에 정리했다. Python_웹스크래핑

웹스크래핑 웹스크래핑이란 웹 페이지에서 원하는 정보들을 자동으로 추출하는 기법이다. 파이썬을 이용해서 웹스크래핑을 해보았다. 지니뮤직 페이지에 있는 곡 순위와 곡 정보를 스크래핑 해보려고 한다. 파이썬으로 웹스크래핑을 하기위해서 먼저 beautifulsoup4 패키지를 추가하고, 패키지에서 만들어놓은 크롤링 기본 세팅을 사용한다. 먼저 지니뮤직 페이지 url을 복사해서 requests.get(url, headers=headers) 안에다가 넣고 print(soup) 입력하면 해당 웹페이지 HTML 정보를 다 불러올 수 있다. 이제 가져온 HTML 정보를 가지고 웹 페이지에서 페이지안에 있는 모든 곡 순위, 노래 제목, 가수 이름을 가져올 수 있다. 먼저 개발자 도구에 들어가서 HTML 정보를 보면 tr태..

NomadCoder에서 vanilla JavaScript로 모멘텀을 만드는 project를 했었는데, 이름을 삭제 하려면 localStorage에 들어가서 이름을 삭제 해야되는데 일반 사람들이 접근하기에는 어렵다는 생각이 들었다. 그래서 이름옆에 작게 이름과 인사 말을 삭제 할 수 있는 버튼을 만들어 보았다! Button 만들기 function makeButton() 먼저 button을 추가하기 위해서 makeButton() 이라는 함수를 만들었고, HTML에 button 태그를 추가하기 위해서 버튼 태그를 만드는 delBtn이라는 변수를 만들었다. button 모양을 만들기 위해서 button 태그 안에 텍스트를 넣었고(innerText) 어떤걸로 만들까 고민하다가 제일 simple한걸로 만들자는 생각..

2월 14일 (일) 오늘 한 일 JavaScript를 이용해서 모멘텀에 작성한 이름을 삭제할 수 있는 버튼을 만들었다. Javascript를 이용해서 localStorage에 저장되었는 이름을 삭제했다. JavaScript function들 구조를 파악하고 함수를 제대로 실행 시키기 위해 function을 삽입 하는것을 연습했다. JavaScript를 이용해서 모멘텀에 작성한 이름을 삭제하는 버튼을 만든것을 블로그에 정리했다. JavaScript_모멘텀 project [이름 삭제하는 button 만들기] No Code 세상이 다가오는 것 같아서, 어떻게 하면 대체되지 않는 개발자가 될 수 있는지 알아보았다. 아직 아는게 많이 없어서 더 공부하고 방향을 잡아야겠다.