Front-end Developer

2월 27일 (토) 오늘 한 일 HTML, CSS, JavaScript를 사용해서 ShareLog라는 웹페이지를 만들었다. 웹페이지가 총 11 페이지여서 중복되는 부분들은 따로 html 파일을 만들어서 각 페이지에 html 파일 자체를 붙여넣어서 수정할 때 쉽고 빠르게 했다. CSS에서 grid, flex, box-shadow 등을 이용해서 페이지를 좀더 보기좋게 꾸며보았다. Ajax 와 Flask를 이용해서 ShareLog 페이지를 서버와 데이터베이스에 연결시켜 정보를 저장하고 불러왔다. 느낀점 2일동안 ShareLog라는 페이지를 만들었다. 항해99 사전준비 기간에 배운것을 사용하면서 남에게도 좀 유용한 웹 사이트를 만들고 싶었다. 나를 포함해서 항해99 1기 분들이 좋은 자료들을 공유하고 그 자료들..

2월 24일 (수) 오늘 한 일 HTML, CSS, JavaScript를 이용해서 Navigation bar를 만들었다. CSS에서 flex와 media-query를 공부하고 연습했다. JavaScript을 이용해서 아이콘을 클릭했을 때 내비게이션 바가 보이고 안보이고하는 기능을 구현했다. JavaScript로 만든 Canvas에 뒤로가기 버튼을 만들려고 시도했다. MDN에서 자료를 찾아보고 구글에서 검색을 해서 여러 자료를 찾아보면서 자료 찾는 스킬을 발전시켰다. HTML과 CSS로 Navigation bar 만든것을 블로그에 정리했다. HTML & CSS : Navigation_bar 만들기 HTML & CSS : Navigation_bar 만들기 항해99 사전준비기간에 공부한것을 가지고 웹사이트를 ..

2월 23일 (화) 오늘 한 일 HTML, CSS, JavaScript를 이용해서 캔버스를 만들어 보았다. CSS에서 flex와 box-shadow에 대해서 공부하고 연습했다. JavaScript에서 canvas 만들때 필요한 method를 찾아보고 연습해보았다. 알고리즘 정렬과 탐색에 대해서 배운것을 블로그에 기록했다. 알고리즘 : 정렬(Sort), 탐색(Search) 느낀점 아직 많이 배운건 아니지만 JavaScript로 할 수 있는게 많구나라는 생각이 들었다. method를 이해하고 그것을 함수안에서 어떻게 사용할지도 생각해보고 연습해볼 필요성을 느꼈다. 알고리즘은 어렵지만 문제를 이해하고 생각하는 과정이 생각보다 재미있는것같다. 아직 많이 부족하기에 더 열심히 해야겠다. 그리고 열심히하는것도 중요..

2월 21일 (일) 오늘 한 일 HTML & CSS로 Sign up 페이지를 만들어 봤다. HTML에서 input type, input required, input name 그리고 label for에 대해서 공부하고 연습했다. CSS에서 grid property들과 :hover 그리고 media query에 대해서 공부하고 연습했다. 알고리즘 선형배열에 대해서 배운것을 블로그에 기록했다. 알고리즘 : 선형 배열(Linear Arrays) 느낀점 프로젝트를 하면서 내가 배우게 되는 method에 대해서 필요한것만 배우지말고 그거에 대해서 좀더 깊이 이해하고 나중에 그 method를 사용할 때 자유롭게 적용할 수 있어야겠다고 생각했습니다.

2월 20일 (토) 오늘 한 일 HTML & CSS로 Login_Page를 만들어 봤다. HTML에서 태그와 태그를 이해하고 연습해보았다. CSS에서 grid, Justify-items, align-items를 공부하고 연습해봤다. 알고리즘 : 선형배열에 대해서 공부했다. 리스트의 index값이 어떻게 나오는지 공부했다. 리스트 길이에 따라서 어떤 연산들이 영향을 받는지 안받는지 공부했다. 느낀점 주말에도 열심히 공부하는 스터디 그룹원들을 보면서 나도 열심히해야겠다는 생각이 들었고, 개념들을 따로 공부하기 보다는 한가지 프로젝트를 하는게 더 많이 배울 수 있다는 생각을 했다. 알고리즘을 처음 공부해봤는데 간단한것도 생각이 필요함을 느꼈고 매일매일 1시간씩 개념 공부하고 문제를 풀어야겠다.

2월 19일 (금) 오늘 한 일 vanilla_Javascript와 CSS로 momentum 프로젝트에 기능을 추가했다. mouseover과 mouseout event를 사용해서 버튼을 원할 때만 보이게 만들었다. 다른 Javascript파일에 있어도 함수이름을 같게하면 오류를 만들 수 있음을 알게됬다. input (타입:checkbox)를 사용해서 한 일들을 체크할 수 있게 설정했다. media_query를 사용해서 핸드폰 사이즈에서는 글씨 크기가 작아지게 설정했다. 느낀점 모멘텀 기능을 추가하면서 생각보다 시간이 너무 오래걸렸고 계속 기능이 구현되지않아서 고민하고 또 고민했다. 그 과정에서 오류을 디버깅하는 방법도 배웠고 내가 무엇이 부족한지도 알 수 있었다. 좀더 하루를 알차게 보내기 위해서 계획 ..

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

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