TIL

[Day 9] 계산기 구현

꽤 힘든 하루 오늘은 계산기에 실제 기능을 구현하는 작업을 페어와 같이 진행했다. 초반부는 괜찮았는데, 요구사항이 복잡해지니까 코드도 스파게티 코드가 되는 것 같고 헷갈려서 힘들었다. 머리에서는 이해했다고 하는데 말로 설명하려는 순간 말문이 턱 막히는 현상을 경험했다. ㅋㅋ 오늘 벌써 저녁먹고 과제 마무리하니까 이 시간이 되었는데, 앞으로는 시간이 훨!씬! 더 부족해질거라는 생각이 팍팍 든다. 주말을 정말 잘 활용해야지. 오늘은 라이브세션 이후에 그룹회고를 진행했다. 나름 용기내서 모더레이터에 도전했는데 이런 진행은 처음이라 엄청 버벅댄 것 같다. 그래도 참여하신 다른 분들이 맞장구도 잘 쳐주시고 답변도 잘 하셔서 그나마 덜 어색하지 않았나 싶다. 기억에 남는 것을 꼽자면, 어떤 분이 나에게 잘하는 것이..

[Day 8] 계산기 목업 만들기 -2

코드를 설명하는 것이 어렵다. 매번 페어프로그래밍을 할 때 느끼는 것이지만, 내가 작성한 코드를 정확한 용어로 조리있게 설명하는게 많이 어렵다. 페어를 통해 연습하지 않았으면 계속 잘하지 못했을 것 같다. 오늘은 지난주 금요일에 작업하던 계산기 목업을 다시 제작하고, 추가적으로 동기분들의 결과물을 보면서 여러가지 새로운 것들을 배울 수 있었다. 이번 페어프로그래밍에서는 와이어프레임도 새로 작성하고 코드도 더 가독성있고 깔끔하게 작동하도록 나름의 리팩토링을 했다. 우리는 피그마를 이용해서 아주아주 간단하게 구조를 작성해보았는데, 이전보다 훨씬 더 구조를 파악하기 좋다고 생각한다. 레퍼런스를 찾아보니 실제로 이렇게 작성된 사례는 없는 것 같지만 말이다. 라이브세션에서 나도 용기를 내어서 결과물을 간단하게 발..

[Day 7] CSS Flex 활용 :: 계산기 Mock-up 제작

Html, Css 활용하기 오늘은 Css flex box를 활용해 계산기 목업을 제작했다. 계산기 목업은 피그마에서 와이어 프레임을 간단하게 제작하고, 레이아웃 작성 후 css 수정의 순서로 만들었다. 피그마 툴을 거의 처음 써보는데, 어떤 기능이 있는지 제대로 파악을 못해서 약간 주먹구구식으로 제작했다. 주말동안 피그마의 활용법에 대해서 조금 더 공부해보아야겠다. 오늘 다룬 개념 중 어려웠던 부분은 flex-item 의 grow shrink basis 속성이었다. grid 에서 비율을 설정할 수 있는 것과 비슷한 느낌인 것 같았다. 개념 정리하고, 앞으로 많이 써보면 익숙해지겠지! 그리고 css의 네이밍 컨벤션에 대해서 검색해보았는데, css가 왜 쓰면 쓸수록 어렵다고 하는지 조금은 알 것 같았다. c..

[Day 6] CSS 기초 :: FE 역량, CSS 상대단위, Selector 등

Selector 헷갈려! 오늘의 주제는 Css 기초. Css 는 그래도 조금 안다고 생각했는데, 모르고 있던 부분이 상당히 많았다. 예를 들면 Css 에서 사용하는 각 단위의 의미와 용도, box-sizing 을 왜 사용하는지, 다양한 Selector 의 종류 등. Selector 연습문제가 있었는데 어렵다기보다는 너~무 헷갈려서 많이 틀렸다. 그게 어려운건가? 어쨌든 ㅋㅋ 내일부터는 계산기 목업 제작을 페어분과 같이 진행하는 시간이 있기 때문에! 누가 되지 않도록 모르는 부분은 꼼꼼히 공부하려고 노력했다. 오늘 컨디션은 어제보다는 조금 나은데, 아침에 늦잠을 자는 바람에 수영을 가지 못했다. 이렇게 운동을 계속 못하면 건강이 안좋아질텐데... 앞으로는 낮시간을 더 압축적으로 활용해서 늦어도 11시 30..

[Day 5] Html 기초

동기부여 세션이 좋았다. 오늘은 HTML 기초에 대한 내용과 동기부여 라이브 세션이 있었다. HTML은 예전에 노마드코더 카카오톡 클론코딩 강의를 들으면서 재밌게 공부했는데, 오늘 강의를 통해 tag에 대해 다시 생각해보는 계기가 되었다. 어떤 목적으로 어떻게 작성하는가에 대해서 등등... 특히 self closing tag에 대해서, 별 생각 없었는데 다시 보니 자식 노드를 가질 수 없는 요소이기 때문에 명확하게 닫는 태그를 쓰지 않는다는 것을 새롭게 알게 되었다. 오후의 동기부여 세션에서는, 1일차에 공부했던 자기주도 학습, 메타인지에 대해서 다시금 상기시키고 포기하지 않도록 응원을 해주는(?) 그런 시간이었다.인상적이었던 내용은, 현재 가진것에 감사하는 마음을 잊지 말라는 것이었다. 생각해보니 내가..

[Day 4] 반복문

문제 난이도 상승!! 사실 오늘은 5일차 학습일인데, 어제 TIL 작성을 안해서 오늘 마무리한다. 밤에 잠을 못잤더니 하루종일 멍하고 힘든 날이었다. 앞으로 남은 날들이 많은데 컨디션 관리를 특히 신경써야겠다. 4일차는 기초 제어문 중 반복문을 연습했는데, 코플릿 문제 난이도가 상당히 상승했다. 어려웠던 부분은 반복문을 사용해서 소수 구하기, 이중 반복문으로 반복되는 문자열 만들기 같은 것들이었다. 어려웠지만 페어분도 적극적으로 문제해결에 참여하시고 나도 규칙을 찾아서 풀려고 노력했더니 다행이 시간을 초과하지는 않았다. 페어분께서 페어리뷰로 내 설명이 도움이 되셨다고 보내주셨는데 기분이 좋으면서도, 좀 더 잘 설명할 수는 없었을까 하는 아쉬움이 든다. 코드를 짜면서 내 스스로 정리가 안되는 부분들이 있다..

[Day 3] 조건문, 문자열 메서드

자바스크립트 기초제어문 시작 코드스테이츠에서는 하루 ~ 이틀 정도 unit 단위로 공부를 한다. 아직 3일차 Section 1 이지만 대부분의 개념 자료는 주제에 대한 약간의 개요 + 짧은 동영상 강의이고, 해당 주제를 공부한 뒤 연습 문제를 푸는 방식이다. 아마 회차가 거듭되면 연습문제 보다는 만드는 과제가 주어질 것이다. 현재까지 느낌으로는 코드스테이츠에서 제공되는 자료만으로는 과제를 풀 수 없는 수준인 것 같다. 자신이 필요한 정보는 직접 찾아보면서 공부하는게 오히려 좋다. 지금까지는 그나마 알고 있는 내용이 많아서 괜찮지만, 모르는 내용이 나오면 멘붕이 올 것 같다. 오늘의 주제는 조건문과 문자열 메서드였다. 오전부터 페어프로그래밍 시간이 상당히 길었는데, 문제 난이도도 약간 있어서 시간에 거의 ..

[Day 2] 변수, 자료형, 함수

첫 페어프로그래밍 오늘은 처음으로 페어를 만나는 날이었다. 오전에는 자바스크립트의 기초인 변수와 자료형, 함수에 대해 각자 공부하고, 오후 1시부터 구글 밋으로 만나 관련 문제를 푸는 시간이었다. 같은 공부를 하고 있는 페어와 만나 이런저런 얘기를 하며 아이스브레이킹을 했는데, 소속감이 느껴지고 좋았다. 제대로 공부하는 첫날이어서 문제 난이도가 그리 높지 않았고, 10문제를 30분 만에 푼 뒤에 무엇을 할까 하다가 백준 알고리즘 단계별 풀기를 제안드렸다. 이것을 처음부터 풀어본 게 문법이 익숙해지는데 도움이 되었기 때문이다. 알고 있는 여러 정보를 나눌 수 있어서 좋았고, 왠지 더 열심히 공부하고 싶다는 의지가 강해졌다. 오늘 배운 것 변수의 선언과 할당 선언 : 값을 저장하기 위한 메모리 공간을 확보한..

[Day 1] 코드스테이츠 첫날!

코드스테이츠에 합류하다 오늘은 코드스테이츠 FE 부트캠프 40기 첫날이었다. 현재 소감은.. '지원하길 잘했다' 정도로 말할 수 있을 것 같다. 나는 예비순번이었는데, 코스 시작 하루 전 추가 합격이 되었다. 사실 추가합격이 될 것을 전혀 예상하지 못했었고, 코드스테이츠에서 예비 합격자에게 첫 1주일은 체험할 수 있는 체험코스를 제공하기 때문에, 부트캠프란 어떤 곳인지 경험이나 해보자! 라는 생각으로 신청을 하고 기다리고 있었다. 부트캠프를 지원한 제일 큰 동기는 함께 공부할 동료들이 필요해서였다. 퇴사를 하고 2개월동안 혼자 공부를 해왔는데, 문득 내가 잘 하고 있는건지 의문이 들기 시작했다. 퇴사 전까지 포함하면 나름 10개월은 이 분야에 관심을 두었는데, 왜 나는 이것밖에 못하지? 이렇게 하는게 맞..