Jaypedia

1. Git Commit Message 그동안 내가 해 왔던 커밋 메시지를 보니, 일관성과 설명이 부족하다는 생각이 들었다. 그래서 컨벤션을 알고 정리해서 적용할 수 있도록 Notion에 정리하였다. 정리할 때 참고한 사이트는 아래와 같다. How to Write a Git Commit Message Commit messages matter. Here's how to write them well. chris.beams.io 앞으로 Commit message에 Description도 작성해서 커밋을 좀 더 잘 설명할 수 있어야겠다고 생각했다. 2. LeetCode Algorithm 코드스쿼드 코코아에서 제시해 준 6문제 중 2문제를 풀었다. 다른 문제들도 모두 시도는 해 봤으나 Todo List가 마음에 ..

1. Hello Coding Algorithm 스터디 : Recursion & Tail Recursion 오늘 스터디에서는 어제 정독한 챕터 3의 재귀를 중심으로 진행되었다. 기본 단계와 재귀 단계, 그리고 호출 스택이 재귀 함수에서는 어떤 식으로 쌓이고 리턴되는지에 대해 복습하였다. 읽어 온 부분이 같기 때문에, 좀더 확장해서 꼬리 재귀에 대해 공부하는 시간도 가졌다. 얄팍한 코딩사전 유튜브 채널에서 재귀함수를 잘 설명한 영상을 찾아서 함께 봤다. https://youtu.be/aPYE0anPZqI 하노이의 탑을 예시로 들어서 재귀함수를 설명한 영상인데, 한 번 보고는 잘 이해가 되지 않아서 제대로 이해하기 위해서 다시 볼 예정이다. 함수형 프로그래밍 - 재귀 함수(Recursive Function) ..

1. Todo List - Optional Chaining 이해 : 만약 참조가 nullish(null 또는 undefined)라면, 에러가 발생하는 것 대신에 표현식의 리턴 값은 undefined가 된다. 함수 호출에서 사용될 때, 만약 주어진 함수가 존재하지 않는다면, undefined를 리턴한다. 따라서 참조가 누락될 가능성이 있는 경우 연결된 속성으로 접근할 때 더 짧고 간단한 표현식이 생성된다. 어떤 속성이 필요한지에 대한 보증이 확실하지 않는 경우 객체의 내용을 탐색하는 동안 도움이 될 수 있다. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Optional_chaining - Element.closest 이해..

1. Todo List - 수정기능 추가 완료(로컬스토리지에도 잘 반영됨) : 자바스크립트의 내부 동작 원리를 아직 제대로 파악하지 못하고 있어서, 동작이 되지 않을 때 원인 파악이 더뎠다. 지금은 우선 구현이 목적이지만 내부 동작 원리는 반드시 알아야겠다는 것을 많이 느꼈다. - 어텀의 도움을 받아서 중첩된 eventListener 문제를 해결 : 능력자 어텀이 많이 알려 준 덕분에 기존의 별로 좋지 않던 코드를 훨씬 낫게 리팩토링 할 수 있었다. - Optional Chaining, closest 활용 : 내일 추가적으로 공부 필요 2. Programmers Algorithm level 2 - 올바른 괄호 문제 : 1시간 가량 고민했지만 테스트 케이스 2개를 통과하지 못해서, 결국 다른 사람의 풀이를..

1. Todo List - 개별 task 삭제 기능 추가 : 원래 체크된 것들을 묶어서 삭제하는 기능만 있었는데 개별적으로도 삭제할 수 있도록 함수를 추가했다. - task 수정 기능 추가 진행 중 : 수정된 input value를 받아오는 게 막혀서 버벅였고 도니와 어텀에게 SOS를 청했는데, 결국 해결할 수 있었다! 이것을 바탕으로 내일 수정 기능을 완성해 보려고 한다. 2. JavaScript Deep Dive 스터디 토요일에 정독했던 Scope 단원을 오늘 스터디를 통해서 복습할 수 있었다. 이제 5번밖에 남지 않은 스터디동안 자바스크립트를 제대로 공부하는 시간을 가져야겠다. 3. Hello Coding Algorithm 2장 정독 - array & Linked list - Selection so..

1. Todo List - Custom Checkbox CSS로 만드는 방법 다시 한 번 정리 - inline-flex에 대한 이해 - 쓰인 함수들과 구조 정리 - 전반적인 코드 설명 : 헴디에게 custom checkbox 만드는 방법, 취소선 어떻게 그렸는지, 그리고 전반적인 자바스크립트 로직을 설명하였다. 또한 헴디의 클래스와 MVC 모델 기반 투두 리스트 구조 설명도 들을 수 있었다. 거의 2시간동안 열정적으로 서로 코드를 설명하고 듣고, 매우 알찬 시간이었다. - 헤더 부분에 시계 추가 2. Hello Coding Algorithm Chapter 1 Chapter 1을 약 1시간 10분간 정독하며 Binary Search, Big O notation을 복습했다. CS50 강의를 수강했을 때 배웠..

1. JavaScript Deep Dive : 13장 Scope 정독 12장 함수 Readme 작성중 - 분량이 꽤 많다. 1/3정도 작성했다. 13장 Scope 정독 - 내용이 명확하게 다가와서 나름 재미있게 읽었다. 원래 오늘 13장을 스터디하는 날이었는데, 스터디 멤버가 오늘 스터디를 깜박하는 바람에 월요일로 미뤄지게 되었다. 2. Programmers Level 2 Algorithm (2) 124 나라의 숫자 : 재귀함수를 활용하고 규칙을 찾아서 푸는 문제 올바른 괄호 : 테스트 케이스 딱 2개를 통과하지 못하는 중. 3. Todo List 8:00~11:50PM 카테고리 기능 구현 Task 추가 기능, 삭제 기능 구현 드디어 기능 구현을 모두 마쳤다. 내일은 이 코드를 설명하는 시간을 가질 것인..

1. Hacker Rank Algorithm 페어 프로그래밍으로 Grading 문제를 풀었다. 짝이 정말 실력자이기도 하고, 같이 문제를 풀어나가는게 재미있어서 시간가는 줄 몰랐다. 또 map의 활용을 좀 더 배울 수 있었다. 다른 한 문제는 Kangaroo. 코드리뷰를 하면서 방정식으로도 풀 수 있다는 것을 알았다. Hacker rank는 문제가 영어로 되어 있어서 좀더 어렵게 느껴지는데, 영어 공부 자극이 된다. 2. JavaScript Deep Dive - 12장 function 오늘은 함수 파트를 읽고 스터디를 진행했다. 항상 쓰는 함수이지만 내가 몰랐던 부분이 굉장히 많아서 다시 정독하고, 정리해서 깃허브에 올리려고 한다. 3. Todo List 오늘은 리스트 선택과 삭제 기능을 구현하였다. 로..

1. Todo List Project - HTML & CSS & JS + deploy HTML : label 태그에 대한 공부 CSS로 custom checkbox 만들기 - inline-flex에 대한 이해 필요 JS 기능 구현 진행중 Netlify로 배포 완료 2. JavaScript Deep Dive - 12장 함수 약 45분간 정독과 훑어읽기를 하면서 빠르게 읽어보았다. 아직 이해가 부족한 부분이 있어서 내일 1시간 정도 시간을 내서 더 꼼꼼하게 읽은 후, 스터디에 참여할 예정이다. 3. Algorithm - Programmers Level 2 땅따먹기 도전 저번에 도전하다가 못 풀었는데, 이번에도 비슷하게 40분 정도 투자해서 풀어보았지만 테스트 케이스만 통과하고 제출할 때 통과되지 않았다. 알..

1. JavaScript Deep Dive - 10, 11장 읽고 스터디 10장 객체 리터럴, 그리고 11장 원시 값과 객체의 비교를 정독한 후 스터디에 참여했다. 원래 1시간을 목표로 잡고 스터디를 하는데, 이번에 얕은 복사와 깊은 복사에 대해서 얘기해 보느라 2시간을 훌쩍 넘겨버렸다. 이 부분이 정말 중요하면서도 어렵고 헷갈리는 부분이다. 2. Todo List - HTML Markup, CSS 작성 노트에 Wireframing을 하다가, 좀 더 제대로 목업을 만들고 싶어서 Figma를 이용했다. HTML, CSS 하느라 정작 JS를 하지 못해서 그 부분이 아쉽다. 디자인에 나름 심혈을 기울였는데, 시간 분배를 잘 해서 자바스크립트까지 구현을 조금이라도 했다면 더 좋았을 것이다. 내일은 꼭 자바스크립..