Homile

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

📗 오늘 학습한 내용

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속성에 대해 더 공부해보자!!

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

📗 오늘 학습한 내용

CSS

• FlexBox 

Python 알고리즘 풀이

• [Baekjoon]오큰수

계산기 목업 및 CSS 디자인

Flexbox를 사용해서 계산기 목업 및 디자인을 하는 것을 페어분과 같이 했다. 같이 하는 과정에서 내가 전문적인 용어를 많이 사용하지 않는 다는 것을 항상 느끼고 있다. 조금 더 공부해야겠다!!

📘 추가로 공부할 내용

Entity Code

Flexbox 사용법

JavaScript로 계산기 구현방법

페어분께서 Entity Code라고 말했을 때 바로 이거라고 말을 못하고 갑자기 새하얗게 변했다. 특수문자를 code형태로 작성하는 것이라는 것을 알고 있지만 용어를 제대로 알지 못했기 때문이다. 더욱 열심히하자!!

계산기 목업을 가지고 JS로 구현하는 것이 금요일날 있다. 구현이기 때문에 많은 시간이 걸릴 수도 있다고 생각하여 조금이라도 JS를 사용해서 Dom을 조작하는 방법에 대해 알아가면 그날 페어분과 나에게 도움이 될 거라 생각한다!!

📝 오늘 느낀점 & 마음 가짐

• FlexBox의 속성이 굉장히 많아서 사용할 때 부모, 자식 어느 부분에 작성해야 하는지 제대로 알아보자!!
• JS는 언제나 중요하다. 열심히 해야한다!!

📌 5월에 처음 공부하는 평일이다. 오늘은 10분 더 자고싶다고 생각해서 자고 일어나니 개운한 마음으로 시작한 것 같다.

📗 오늘 학습한 내용

CSS

• HTMl문서 내 CSS style 적용 방법
• CSS Selector
• CSS 속성

Python 알고리즘 풀이

• [Baekjoon]오큰수
• [Baekjoon]오등큰수

HTML로 뼈대를 구성한 후 사용자가 보기 편하도록 UI, UX를 디자인 해주는 CSS에 대해서 학습했다.

요소를 선택하는 방법에는 많은 것이 있고, 헷갈릴 수 있는 것들이 존재하는데 주의해서 사용해야 할 것이다.

📘 추가로 공부할 내용

와이어프레임(wireframe)

• 와이어프레임에 사용하는 툴에 대해 알아본다.

목업(Mock-Up)

Flexbox

내일 계산기 목업 만들기를 페어와 진행하게 되는데 이때, 도움이 될 수 있도록 오늘한 CSS 부분을 복습한 뒤 조금 목업과 와이어 프레임 Flexbox에 대해 따로 공부를 하는 시간을 갖도록 한다.

📝 오늘 느낀점 & 마음 가짐

• CSS 선택자를 사용할 때 #(id 선택자)와 .(class 선택자) 이 두개가 가장 헷갈렸다. 주의하도록 하자!!
• 내일은 정말 하드 코딩을 통해 구현을 하는 시간을 가지게 된다. 이를 대비하도록 하자!!

📌 일주일간 공부한 내용과 내가 실천하려 했던 목표를 따라서 이루었는지 생각해 보았다.

      아직까진 1주차라 할만하다라고 생각하고 게으르지 않고 아침형인간으로 살아갔던 일주일이었다. 앞으로도 힘차게 나아가자!!

📗 일주일간 학습한 내용

JavaScript

• 변수, 문자열, 조건문, 반복문(for, while,...)
• DOM
• 배열

HTML

• TAG

Python

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

VSCode

일주일간의 내용은 이미 알고 있던 내용이라 조금 편안하게 따라갔던것 같다. 하지만 페어에게 설명함에 있어서 풀어서 말하는 것을 잘 못한다는 깨닫게 되어 학습을 조금 더 해야한다는 것을 느꼇다.

📘 다음주간 공부할 내용

CSS

• 기초
• Flex Box
• selector

계산기 목업 및 구현

다음주는 HTML, CSS를 사용하여 계산기를 구현하는 문제가 나온다고 하니 그에 따라 연습을 조금해봐야 겠다.

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

• 알고 있는 내용이라도 내가 설명할 수 있을 만큼 알아보자!
• 조금 더 열심히 노력해서 꼭 취업에 성공하자!