Homile

📌 이제 뭐라고 처음에 시작해야 될지 고민하게 된다...

📗 오늘 학습한 내용

Git 명렁어

• add
• commit
• push
• clone

Node.js 설치 및 사용법

Terminal을 사용해  git&github 권한을 부여하고 명령어를 사용할 수 있다.

📘 추가로 공부할 내용

Github

• SSH

JavaScript

• 배열
  • 스택, 덱, 데큐 자료구조
  • Array.isArray
  • push
  • pop
  • shift
  • unshift
  • console.table
• 객체
  • 객체 속성(property)의 추가, 조회, 변경, 삭제
  • 객체 속성 조회법 두 가지, dot notation과 bracket notation

JS의 배열과 객체는 사용하기에 따라 메모리의 할당이나 속도 등이 차이가 많이 나게 되고 가장 기초(?)라고 생각되어 화요일 전까지 조금 더 공부해 볼 것이다.

📝 오늘 느낀점 & 마음 가짐

• Terminal을 조금 더 자유자재로 사용해 보자!!
• 배열과 객체 뿌셔!
• 알고리즘 뿌셔!

📌 원래는 일요일에도 쉬지 않고 학습하는 것이 목표였지만 지금 4달째 하루도 빠짐없이 학습을 해왔던것 같은데 점점 힘들어지는 것을 느끼게 되어 앞으로 나아갈 5달동안 힘낼 수 있도록 일요일은 하루 쉬어가며 일주일을 돌아보고 앞으로 어떤 내용을 하는지 분석하는 날로 지정했다!

📗 일주일간 학습한 내용

CSS

• 선택자 (id, class, ...)
• 애니메이션
• flexbox

Python

• Python Study
  • 알고리즘 문제 풀이 및 문제 선정

계산기 목업 디자인 및 구현하기

한주동안 계산기 목업 디자인과 구현하기를 진행했다. 진행하는 과정에서 flexbox의 basis속성을 사용하지 않고 크기를 직접 지정하는 하드 코딩 방식으로 진행을 했었는데 라이브세션을 보고 basis를 사용했으면 좋았을 것이라는 생각이 많이 들었고, 다른 사람들은 자신의 능력에 맞게 더욱 많이 구현해 왔지만 나는 내 능력을 전부 사용하지 않고 정해진 것만 하는 것이 너무 틀에 꽉 막혀있지 않았나 라는 생각이 들었고, 이를 깰 수 있는 동기부여가 된 일주일인것 같아 좋았던 시간이 되었습니다.

📘 다음주간 공부할 내용

MacOs Terminal

• Text Editor

Git & Github

• 개발환경과 연동
• pull
• push
• add
• remote
• clone

JavaScript

• 배열
• 객체
• 원시자료형
• 스코프
• 클로저
• ES6 신규문법

Node.js

• 설치 방법
• nvm: node version manager
• npm: node package manager

본격적으로 JS의 심화과정과 git을 이용한 테스트방법 및 코드 버전관리에 대해서 학습하게 되는 주이다. 배열과 객체에 코플릿(알고리즘?)문제가 존재하기 때문에 시간이 조금 빡빡하게 느껴질 수 도 있으니 예습과 복습을 꼼꼼히 해야겠다.

📝 일주일 간 느낀 점 & 마음 가짐

• 이번주도 다양한 사람들을 만났으며 같이 얘기를 나누어 보며 사람들에 대해 알아갈 수 있었던 것 같다.
• 아직은 초반이라 내가 만났던 분들에게 알려줄 수 있는 시간이 있지만 결국 나도 후반에 가게 되면 알려줄 수 있을까(?)에 대한 생각이 들어 프론트엔드 학습을 멈출 수 없다고 생각했다.
• 멈추지 말고 게을러지지 말고 나아가자!!!

📌 황금같은 토요일에도 열심히 노력하자!! 앞으로 더욱 좋은 주말이 있을 것이다....?

📗 오늘 학습한 내용

Python Study

• Baekjoon 문제 풀이 발표
• LeetCode 3문제 선정

Github

• Repository
• Remote
• Fork 등

Linux 및 Mac OS Treminal 사용법

이미 github과 terminal을 사용하고 있어서 안다고 생각하지만 사실 막상 사용하고 설명하라고 하면 조금 당황하지 않았나라는 생각에 조금 더 미리 연습을 해볼 것 같다.

📘 추가로 공부할 내용

JavaScript

• 배열
• 객체
• 메서드

JS의 배열과 객체에 더욱 자세히 공부해보고 다른 사람에게 설명할 수 있도록 정리해본다.

JS의 다양한 메서드의 사용방법 및 사용하면 좋을 때를 선정해본다.

📝 오늘 느낀점 & 마음 가짐

• LeetCode의 정답률이 높은 문제일 수록 쉽고 수학공식이 많이 필요없는 문제이다. 그렇다고 너무 높은 문제만 풀면 실력향상에 도움이 되지 않을지도?

📌 평일의 마지막 금요일은 항상 기분좋게 시작하는 것 같다!!!!!!!!!

📗 오늘 학습한 내용

Python 알고리즘 풀이

• [Baekjoon]쇠막대기

계산기 구현

• 일반연산
• 다항식 연산

계산기 구현 문제의 다양한 테스트 케이스가 있었는데 모두 합격해서 냈는데 다항식 연산에서 많이 고생을 했다.

📘 추가로 공부할 내용

Github

• Repository
• Remote
• Fork 등

Linux 및 Mac OS Treminal 사용법

📝 오늘 느낀점 & 마음 가짐

• 이제 코드를 작성하기전에 의사코드를 충분히 작성할 수 있다고 생각한다.
• 나의 코드를 상대방에게 풀어서 말할 수 있는 능력이 길러진 것 같다.

📌 오늘은 어린이날 쉬고 싶다는 생각이 들었지만 굴하지 않고 오전부터 알고리즘 풀이를 시작했다. 

📗 오늘 학습한 내용

JavaScript 알고리즘 풀이

• [Baekjoon]ROT13
  • ROT13암호: ROT(Rotate by 13)는 카이사르 암호방식의 일종으로 ROT + 숫자를 넣어 몇 번씩 밀어서 출력할 것인지를 나타내는 암호화 방식이다.

계산기 구현

일반적인 계산기 구현에 대해 대략적인 알고리즘을 손으로 작성해 본후 전에 만든 목업에 직접 js를 작성해 대입해서 일반적인 것 까지는 해보았다.

📘 추가로 공부할 내용

DOM 조작방법

• document.querySelector: 엘리먼트 받아오기

JavaScript로 계산기 구현방법

• 소숫점 자리 계산방법
• enter를 연속적으로 눌렀을 경우의 계산방법

📝 오늘 느낀점 & 마음 가짐

• 오후에 많은 일이 있어서 심적으로 힘들었던 오후였다. 하지만, 이것을 이겨낸 자신에게 칭찬을 해주고 싶다.
• 뭔가를 구현할 때 항상 생각하고 구현을 하며 테스트를 주기적으로 해야한다!!

📌 처음 페어분과 프로젝트(?)를 하는 날이라 살짝 긴장했다. 단순히 문제 푸는 것이 아닌 계산기의 목업을 제작해야하는 과정을 같이 하는 것이라 방향 잡는 법 부터해서 조금 생각을 해두었다.

📗 오늘 학습한 내용

CSS

• FlexBox 
  • basis
  • grow

JavaScript 알고리즘 풀이

• [Baekjoon]단어 길이재기

계산기 목업 및 CSS 디자인

오늘은 계산기를 페어분과 각자 디자인을 하면서 목업을 완성시키는 날이었다. 그런데 나는 keyPad의 크기를 고정시킨 뒤 grow를 사용해 맞게 배치하는 방법을 사용하였는데 이렇게 되면 화면의 크기가 줄어들 때 버튼의 크기는 줄어들지 않았다. 이를 방지하기 위해 라이브세션에서 basis만을 사용하여 버튼의 크기를 지정하는 법을 자세히 알게되었다.

또한, 다른 사람들의 다양한 디자인을 보고 느낀점으로는 나는 너무 틀에 갇혀있는 사람이 아닌가 생각했다. 물론 나랑 비슷하게 나와있는 계산기를 따라 목업을 구현하는 분들도 있었다.

할 수 있으면서도 하지 않는 것은 너무 좋지 않다고 생각이 들어 앞으로는 할 수 있는 것은 틀에 벗어나더라도 본 파일은 백업을 해두고 추가적으로 작업을 해서 완성해 보는 방향으로 가야겠다!!

📘 추가로 공부할 내용

DOM 조작방법

Flexbox 속성

JavaScript로 계산기 구현방법

금요일날 있을 계산기 구현에서 뒤쳐지지 않도록 DOM 조작 방법 및 계산기 구현방법, Flexbox 속성에 대해 다시 한번 공부하는 시간을 가져야 한다고 생각한다.

📝 오늘 느낀점 & 마음 가짐

• 틀에 갇힌 사고방식을 고칠 수 있도록 하자!!
• Flexbox의 basis속성에 대해 더 공부해보자!!