WIL (18) 썸네일형 리스트형 2021.12 4th WIL 올해의 마지막 WIL! 올해의 마지막 날에 쓴다 학원은 상당히 정신이 없었다. 고작 일주일하고 3일동안 다루는 토픽이 jQuery, bind, React, React router, SCSS, AJAX, MySQL, Node.js 였으니.. 하나도 소화 못시켰다 그렇게 학원이 종강했다. 지금 내가 해야하는 일들은 항해99 테스트 준비 포폴 정리하기 자소서 쓰기 입사지원하기 1번과 2번은 양립이 불가하다.. 1번을 먼저 끝내고 나머지들을 해보자 2번은 한 줄로 적었지만 사실 꽤 거대한 일이다 밴드 웹사이트 CSS 라이브러리 걷어내고 SCSS로 코딩 ToDo 완성하기 React 버젼 만들기 인터렉션 객체지향으로 설계,프로그래밍 하기 인트로 페이지, 설명 box maker 객체지향으로 하루 쉬었으니까 이제 다시.. 2021.12.3rd WIL CSS flex-box, grid-box 로 layout을 구현하는 학습을 했다. 그리고 JavaScript로 style을 올바르게 제어하는 방법에 대하여 배웠는데, 그것은 inline style 추가, 제거를 지양하고 CSS class를 추가, 제거하는 방향으로 제어하는것이 유지보수에 효과적이라는 것이다. 그리고 CSS의 animation으로 animation을 만들고, transform의 다양한 함수들로 node객체의 렌더링 방식을 제어하는 법을 학습했다. 그리고 browser의 다양한 정보들을 담고있는 Window 객체의 attribute와 method를 공부했다. 목요일부터 금요일까지는 JavaScript의 객체지향 프로그래밍에 대해 공부했다. 객체를 잘 설계할 줄 알아야 비로서 프로그래머라고 할.. 2021.12.2nd WIL 이번주는 CSS에 대해 집중적으로 학습하면서 전엔 도저히 알 수 없는 녀석들이였던 단위, display 속성, position 속성, float 속성, flex 속성을 완전히 마스터 했다. 이제 기본 layout 짤 때 라이브러리의 힘을 빌리지 않아도 된다는 사실이 너무 기뻤고, 사실 이렇게나 간단한 것인데 공부 안하고 있엇던 내 자신이 미웠닼ㅋ 그리고 팀 프로젝트를 시작했는데, 사운드와 그래픽을 이용한 generative art 명상 웹 앱을 기획하고 있다. 아직 초입단계라 어떤 친구가 태어날지, 명상 앱일지도 잘 모르겠지만, 너무 재밌어서 수요일부터 주말까지 몰입하게 됐다. 첫 날에 사운드를 생성하기 위해 JS의 기본 API를 공부하고 있었는데, 뭔가 이건 아닌것같다는 생각이 들어 검색을 통해서 p5.. 2021.12.1st WIL 학원 강의가 전체 기간중에서 절반정도 남았다. 정말 믿을 수 없을정도로 성장한걸 느낀다. 총체적인 시각이 생기니까 어떤 코드를 보거나, 웹사이트, 기술을 맞닿뜨려도 두렵지 않고, 할 수 있다는 생각이 든다. 이번주엔 JS의 객체에 대해 더 심도있게 공부했다. HTML은 객체로 변환돼서 JS로 넘어가고 스크립트의 모든 일들은 객체속에서 일어나는것이라는 사실이 놀라웠다. 그리고 내 가장 커다란 약점이던 CSS를 배웠는데.. 꽤 잘 하는것같아서 신기했다. ㅋㅋㅋ 이젠 CSS도 두렵지 않다. 그리고 그래픽을 제어하는게 너무너무 재밌다. 마음이 맞는 친구를 한 명 만나서 같이 복습을 했다. 매 주 하면서 서로에게 도움이 됐으면 좋겠다. 2021.11.4th WIL JavaScript의 Array, Boolean, logical operator를 다루는 다양한 방법들(for, if statment)과 선택정렬 버블정렬 2차원 배열등의 알고리즘을 공부하고 연습했다. 다시 HTML과 JavaScript의 접점인 DOM으로 돌아가 선택자를 연습했다. 브라우저가 HTML을 Object로 빚어낸 DOM이 가지는 tree structure의 이해, element와 HTMLCollection에 대한 구분이 자리잡았다. element 중에서도 특별한 역할과 기능을 가지는 Form element를 공부하고 연습했다. 그리고 element를 생성하고 수정하고 삭제하는, 속성을 조작하는, event를 재정의하는것을 연습했다. JavaScript로 다시 넘어가서 Function과 Obj.. 2021.11 3rd WIL 이번주엔 CSS box model, html과 JS 간의 API인 DOM(Document Object Model)과 JS 기본 문법 공부를 했다. 내가 모르고 있던 DOM의 원리와 실재에 대해 알고 나니까 너무 행복했고, DOM을 자유자재로 제어하는것이 프론트엔드 엔지니어구나 하는 생각이 들었다. 이걸 만약 그렇구나~ 하고 대충 넘어갔으면 나는 얼마나 더 오래 고통을 받았어야 했을까 생각했다. DOM에 관련해서는 따로 나의 정리를 쫙 해서 블로그에 포스팅 할 예정이다. 2021.11.2nd 항해99, 웹개발 종합반 강의, Notion 부트캠프를 위한 준비과정으로 스파르타 코딩클럽의 웹개발 종합반 강의를 4주차까지 수강하였다. 1~2 주차까지 HTML,CSS와 Javascript, jQuery를 사용한 프로젝트로 연습을 했다. 좋은 복습이 되었고 jQuery를 처음 써본 나는 DOM 셀렉과 AJAX 통신의 직관성에 감명을 받았다. API에서 AJAX통신으로 얻어낸 JSON의 데이터를 HTML에 렌더링 하는것도 재밌었다. JSON데이터는 일종의 외부 데이터베이스랄까? 3주차엔 Python으로 HTTP request, 크롤링, brew와 DB 설치, DB조작등을 연습했다. 나에게는 안개에 쌓여있는것과 마찬가지로 느껴지던 HTTP 통신이나 데이터베이스를 설치하고 생성하고 JSON으로 받아온 데이터.. 스파르타 코딩클럽 웹개발 종합반 3주차(python, mongoDB) 드디어 제대로 백엔드와 데이터베이스 프로그램을 경험해 보았다. 파이썬 언어 같은경우엔 깨끗하고 짧아서 정말 진입장벽이 낮아 쉽게 배울 수 있었고, 다만 mongoDB 설치를 위해 brew를 설치하는데에 애를 먹었다. HTTP 요청을 보내는 requests 라이브러리로 JSON data를 다뤄 보았고, mongoDB 를 python으로 조작하는 pymongo 라이브러리로 새로운 데이터베이스의 생성, 그리고 도큐먼트를 insert, find, update, delete 하는 연습을 했다. 마지막으로는 bs4(beautiful soup) 라이브러리로 받아온 HTML을 스크래핑하는 과정을 연습 후 DB에 저장까지 해보았다. 백엔드의 일이 이런것이구나 하는것을 알았고, 프론트와 맡은 일이 다르다 뿐이지 데이터를 .. 이전 1 2 3 다음