Hanliang38

에고... 벌써 코드스테이츠를 개강한지 60일이 되었다... 2020.06.15에 PRE-05기를 개강하고 7/17에 PRE 05기는 종강하고, 2020.07.20에 IM-22기가 개강했고, 현재 8/12 까지는 IM 24일째, 전체 59일째 되는 날이다. 내일까지 딱 60일 되는 날이니 60일의 회고(반성문?)를 끄적여보려고 한다.... (주말을 빼는 계산기는 없는것인가.... 위의 계산은 주말 포함 계산이다. 주말에도 공부를 했지만...) PRE땐 그래도 나름 TIL을 열심히 썼었다... 하지만 Immersive코스를 시작하고 나서, 시간에 쫓기기도 하고 몸과 마음이 모두 지쳐 블로깅을 잠시 하지 못했다....(핑계겠지만...?) 써야지써야지 하면서도 쓰지 못하는 것은 운동을 해야지 해야지 하면서 안..

오늘 한 일 코드스테이츠 객체지향프로그램에 대하여 공부 클론책 훑어보기 오늘 배운 것 & 어려운 것 그 전에... codestates의 과제..! OOP(Object Oriented Programming)가 무엇인지? - JavaScript에서 Object를 생성하는 여러가지 방법들 - JavaScript에서 Prototype은 무엇이고 왜 사용해야 하는지? - OOP란?(Object Oriented Programing) 자세한 내용 링크 : OOP의 특징과 개념 & 객체지향 vs 절차지향 '객체지향프로그래밍'이라는 뜻이다. 컴퓨터 프로그램 언어는 크게 3가지 타입이 있는데 Machine lang, Assembly lang, High-level lang 이 있다 OPP의 특징 및 장점 캡슐화 (Encap..

오늘 한 일 Orientation 다짐 작성 [codestates] git 협업을 위한 기초지식 공부 [codestates] nodejs의 nvm설치 오늘 배운 것 & 어려운 것 [codestates] nodejs NVM : Node Version Manager - NVM으로 Node를 간단한 명령어로 설치하고, 다양한 Node Version으로 옮겨다닐 수 있다. - NVM은 하나의 프로그램이므로 설치해서 써야한다. NPM : Node Package Manager - 일종의 앱스토어. 필요한 모듈을 다운로드 할 수 있는 곳이다. Package.json - 프로그램을 실행시키기 위해 필요한 모듈이 무엇인지, 프로그램을 실행시키는 법, 프로그램을 테스트 하는 법이 나와있다. Nodejs 설치법 및 Pack..

벌써 코드 스테이츠를 수강한 지 4주가 흘렀고, PRE코스 마지막, HA를 앞두고 있다... 과제로 정신이 없지만 그래도 간단하게 회고록을 작성하고자 한다. 2주 차까지는 간단한 개념을 이해하고 넘어갔다. 하지만 3주차에 들어서면서 많은 것들이 어려워지기 시작했다. twittler 과제는 코딩을 하고 나면 눈에 보이는 것들이 생기기 때문에 재밌는 과제지만 DOM을 이해하는 데에는 어려웠고, underbar과제는 어렵지만 여러가지 개념들을 이해하면 푸는 문제라서 인지 코플릿으로 학습하는 듯한 느낌이 들었고, recursion 과제는 아직도 제대로 이해하지 못한 과제인 것 같다. (나는 너무 재미가 없었다...) 이렇게 각각의 과제를 했지만... 페어로 진행할 때와 혼자 해보려 할때는 너무나도 달랐다. 혼자..

오늘 한 일 Twittler (80%) 오늘 배운 것 & 어려운 것 Twittler 관련 Model box, flex box Model box Flex box Froggy 이벤트 핸들링, 이벤트객체 중요!!! Seperate of concern HTML에 직접 코딩(onclick)을 할 수 있지만, 나중에 디버깅이 어렵고 인력소모가 심하다. 함수선언문과 표현식 차이 1일 1 IT영상 (정보, 느낌) 라이브러리? 프레임워크? 차이점 아직도 모름? 5분 순삭 라이브러리와 프레임워크는 다른 누군가가 이미 만들어 놓은 파일인데, 우리의 코딩삶을 윤택하게 하려고 프로젝트에 가져다 쓰는 것들이다. 라이브러리 vs 프레임워크 기준? → 누가 누구를 조종하는가? 라이브러리의 예시 : JQuery -> 내가 필요할 때 ..

오늘 한 일 코드스테이츠 > Pair:Sprint - Twittler 함수작성 오늘 배운 것 & 어려운 것 DOM을 이용하여 함수를 나누고, Twittler를 만들어 보았다. 구현하기는 너무 어려워서 삽질만 수십번, 몇시간을 고생했지만 아무런 성과가 없었다.... html에 들어갈 내용을 자바스크립트에 대신 넣는다는 것을 DOM으로 이해했다. Visual Studio Code에 ctrl + f 로 replace가 가능하다. [inline level] vs [block level] : inline -> border line이 자기 것만 잡히는 것. html 의 head에 script가 들어가면 안되는 이유, : 가벼운 것, document.onload : body안 script연결, sync동기적 자바스크..

오늘 한 일 TIL기본 서식 수정 코드스테이츠 > Pair:Sprint - Twittler 목업구현 코드스테이츠 > DOM 웹페이지 완성하기 (완성 후 git에 올리기) IT 관련 영상 보고 기록 Advance 공부(모두 달성하지 못해도 좋으나 최선을 다할 것) Test Build (Step 4) Koans (advance) 코플릿 Toy 프로그래머스 쉬운 문제 도전 오늘 배운 것 & 어려운 것 코드스테이츠 > Pair:Sprint - Twittler 목업구현 배운것! : div span 태그의 경우 그저 분할 영역을 지정하는 태그로 보다 덜 semantic하다. li를 쓰는 이유는 js구현을 했을 때 함수가 더 잘 작동하고, class와 id 속성을 활용해 semantic하게 구현가능하다. li를 사용..

오늘 한 일 코드 스테이츠 테스트 주도 개발 HTML, CSS 웹페이지 만들기(프로필 페이지) 오늘 배운 것 & 어려운 것 테스트 주도 개발 (어제 배움;; 하지만 어려워서 한번 더 해보았다.) 유닛 테스트 Mocha : describe와 it의 용도 chai : assert, expect의 용도 Test framework HTML & CSS Self-Closing Tag : 가 아닌 를 사용 가능 Most Used Tags In HTML 태그 설명 Division : 한 줄을 차지한다. Span : 컨텐츠 크기만큼 공간을 차지한다. Image : 이미지 삽입(닫는태그가 없음) Link : 링크삽입 & Unordered List & List Item : 리스트 Input (Text, Radio, Chec..

코드 스테이츠에서 Full time Pre 코스를 수강한 지 벌써 2주 차가 지났다. 회고록을 처음 써보기 때문에 어떻게 써야할지 무엇을 써야 할지 모르겠고, 글재주 또한 없지만 한번 끄적여 보려고 한다. 코드 스테이츠를시작을 했을 때 모든 것이 처음이라 낯설고, 허둥지둥 덤벙대기만 했다. 처음 사용해보는 Ubuntu OS, Zoom, Slack, github... 등등 모든 게 어려웠고 사용법조차 몰라 구글링을 하거나 감으로 익혀야 했다. 그러나 지금은 몇 번 사용해 봤다고, 구글 캘린더를 보며 아무렇지도 않게 사용하고 있다. 누구나 그렇듯 처음은 모든 것이 낯설고, 시작하기도 두렵고, 남들보다 못할까봐 불안한 생각을 가지고 있을 수도 있다. 하지만 나는 그걸 이겨내고 개발자로 성장하기 위해 발을 딛었..

오늘 한 일 코드스테이츠 알고리즘, 디버깅+모르는 것을 검색하는 법 페어(자바스크립트 기본) 우분투 듀얼부팅 설치 및 설정 오늘 배운 것 & 어려운 것 알고리즘, 디버깅 + 모르는 것을 검색하는 방법 알고리즘 : 문제해결과정 => 순서 : 문제분해→의사코드작성→코드로 옮기기 디버깅 : 예상치 못한 프로그램의 행동들의 원인을 분석하기 위한 기술 모르는 것을 검색하는 방법 순서 : 문제의 분석→문제가 구체화되면 'MDN'키워드로 검색 MDN을 봐도 모를 때 : 자연어 문장으로 검색(단 영어로, javascript라는 키워드와 함께) 'how to ~ in javascript 에러발생시, 에러 자체 검색 모르는 것 검색 Q&A 사이트 https://stackoverflow.com/questions/tagged..