본문 바로가기

전체 글

 (38)
CodeStates Full immersive 1주차 회고 1. 배웠던 것 Javascript 런타임의 의미와 런타임의 종류 NVM의 의미와 Nodejs와의 관계 NPM의 의미와 Package.json과의 관계, Package.json의 구성요소(scripts, dev-depend-- , dependen-) Git으로 페어하는 법(상대방과 github공유하는 방법과 상대방 코드 Pull 하는법, conflict 대처) => branch 연습해보기. 화살표함수(this와의 관계), call, apply, bind메소드 Eslint(작성한 코드를 내가 원하는 규칙에 맞게 수정하는 프로그램) Datastructure(stack, queue, linked List, hashtable)의미와 이를 구현하기. 2. 소감 immersive 첫주! 첫 5일 동안 많은 것을 배..
CodeStates Pre Course 과정을 마치며.. 벌써 4개월이 지났다. Javascript라는 언어에 관해 기초적인 부분에 대해 많이 배웠고 또한 4개월간 많은 분들과 코딩을 매개체로 소통도 하고 우리가 나아가야 할 미래에 관해 여러 이야기를 나누었다. 분명 나 혼자 공부했었으면 깨닫지 못했었을 많은 것들을 경험했고, 값진 시간이었다고 자부한다. 그래서 내가 느낀 것들을 Pre코스 과정을 마치는 기념으로 짧게 글로 남기려고 한다. (immersive를 마치고 보면 감회가 남다를 것 같다) 새로운 경험. 그리고 협업의 중요성. 그때가 생각난다. 코드 스테이츠 첫날, Orientation에서 했던 그림 맞추기 게임ㅋㅋ 처음 사용한 zoom이라는 화상 프로그램을 통해 서로 얼굴을 마주하며 다른 페어분이 빨리 들어오기만을 기다렸던 어색했던 시간이 생각난다. ..
[Today I Learned] 9월 15일(화) 9월10일 ~ 9월14일 : twittler마무리, underbar시작, 고차함수 알고리즘문제 풀이 - 오늘 공부했던 부분. 1. 예전 js개발자들이 시도했던 배열 메소드 만드는 연습을 하고 있다(과제다). forEach, map, filter 등의 메소드를 만들기란...쉽지 않다. 그치만 배열 메소드 복습한다는 생각으로 mdn을 참고하면서 꾸역꾸역 풀었다. 특히 오늘 구현하는데 많은 시간을 할애한 once라는 함수.. 처음 한 번 호출되면 그때 리턴된 값이 다시 호출되도 똑같이 그 리턴값만 반환되는 함수인데 바깥 함수에 선언된 변수를 return된 함수안에서 어디에 써먹어야 할지 찾기 어려웠다. 테스트를 통과하긴 했는데 아직 이해가 안되는 부분이 있어 더 공부가 필요하다. 문득 underbar를 풀면서..
[Today I Learned] 9월 10일(목) - 오늘 공부했던 부분. 1. 그 동안 계속 고민하던 twittler localStorage기능을 helpDesk와 페어분의 조언덕에 오늘! 해결할 수 있었다. localStorage의 새로고침 초기화 문제를 해결하려면 localStorage의 데이터를 불러와서 거기에 직접 추가해줘야 함을 알게 되었다. 그리고 이로써 twittler 과제를 마무리 할 수 있었다. 이토록 오랜시간 많은 고민을 하면서 하나의 프로그램을 완성했다는 것은 나에겐 꽤나 큰 의미가 있다. 페어와 또는 스스로 이 프로젝트를 진행하면서 발견한 나의 습관이나 잘하는점, 못하는 점을 알 수 있었다. 또한 밖에서 다른 일을 하다가도 어떤 기능이 구현이 안되서 계속 그 부분을 생각하고 빨리 집으로 가서 해결하고 싶어하는 나의 모습을 보면서 ..
Twittler과제(2) - CSS HTML만 작성했을 때를 브라우저에 띄우면 왼쪽 사진과 같다. 브라우저 왼쪽 및 위쪽에 모든 컨텐츠가 치우쳐져 있는 상태이다. 반면 CSS를 적용하면 오른쪽 사진과 같다. 사진이 잘려서 전체적인 컨텐츠구조 위치를 잘 볼 수 없는데 실제로는 구조를 브라우저 정중앙에 위치 시켰다. HTML구조를 어떤 CSS속성을 적용해서 오른쪽 이미지와 같은 모습을 구현했는지 내가 썼던 CSS 속성을 레이아웃 속성 위주로 정리하려고 한다. (CSS는 내가 썼었던 속성을 다시 보면 왜 썼는지 항상 의문이 든다;;) (1)전체적인 구조를 정중앙에 위치시키기. - 정중앙에 위치시키기 위해 html에서 모든 컨텐츠를 class="container"인 div태그(빨간색)로 묶은 이유가 여기에 있다. 모든 컨텐츠를 포함하고 있는 di..
[Today I Learned] 9월 4일(금) 요즘 다른 일이 생겨 공부하는 시간이 줄었다. 집에 돌아와서 다시 마음 잡고 공부하기가 쉽지 않다. 쉬고 싶은 마음이 쫌 강하다. 그렇지만 코드스테이츠에서 만나는 동기분들을 생각하면 다시 하게 된다. 내가 만난 동기분들 중에는 본인의 일을 하면서 동시에 새로운 분야를 배우고자 하는 열정이 강한 멋진 분들이 계신다. 그리고 그분들은 늘 나에게 동기부여가 된다. - 오늘 공부했던 부분. '좋아요', '싫어요' button 기능을 구현한 다음, 도전한 기능이 새 트윗이 게시되면 게시된 시점부터 시간이 얼마가 지났는지를 표시하는 기능을 구현하는 데 도전했다. 결과적으론 구현이 되긴 했는데, 정말 많이 어려웠다. 사실 이 기능을 구현하면서 도중에 하도 안되길래 '이 분야가 나랑 안 맞나? 이런 것도 쉽게 구현 못..
[Today I Learned] 9월 2일(수) 8월27일 ~ 9월3일 : twittler과제, 객체지향 공부. - 오늘 공부했던 부분. 1. twittler 과제를 진행했다. 오늘 구현한 기능은 comment에 대한 '좋아요', '싫어요' button을 만드는 것이었다. 하면서 꽤 애를 먹는 부분이 있었다. button을 addEventListener로 click 타입을 줘서 특정 함수를 실행시키게 했다. 그리고 그 특정 함수에서 event.target.textContent를 이용해 버튼을 눌렀을 때 버튼 text가 바뀌게 하려고 했지만 먹히지 않았다. 이게 왜 안되는지 몇 시간 동안 코딩한 걸 봤지만 이 방법대로 해결은 못하고 어찌어찌 다른 방법으로 해결했다. 분명 event.target을 이용해 해결할 수 있지만 다른 로직에 걸려서 작동을 못하는..
Twittler과제(1) - HTML부분 코드스테이츠 과제인 Twittler를 진행하면서 그 과정에 대해 글을 써보려고 한다. 과제를 하면서 무슨 생각으로 이 코드를 썼었는지 정리해보고 싶고, 정리를 하면서 얻게되는 을 키우고 싶어서 과제를 글로 정리해보려고 한다. (1) 전체적인 부분을 우선 container를 class로 하는 태그로 묶었다. 이유 : 전체를 div 태그로 다시 묶은 이유는 나중에 css로 전체를 가운데 정렬하기 쉽도록 하기 위해서였다. 이 태그는 태그의 유일한 자식이고 아래 구성한 모든 컨텐츠의 부모 역할을 한다. (사실 이 웹에서 유일한 것(?)이기 때문에 id로 지정해도 됬지만 그냥 class로 통일했다, 사실 li를 제외한 모든 부분을 id로 지정해줘도 되지 않을까? 이 목업에서는 하나씩밖에 안쓰이니까..?) (2) ..

티스토리툴바