Jaypedia

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를 하지 못해서 그 부분이 아쉽다. 디자인에 나름 심혈을 기울였는데, 시간 분배를 잘 해서 자바스크립트까지 구현을 조금이라도 했다면 더 좋았을 것이다. 내일은 꼭 자바스크립..

1. 정규화 코드 설명, 리뷰, 리팩토링 오전에는 나의 코드를 설명하였고, 오후에는 첫 코드 리뷰도 받았다. 코드 리뷰는 정말 알찼다. 변수 네이밍부터 템플릿 리터럴을 활용하는 것 등등. 개선할 점이 정말 많았고, 적용해서 다시 커밋하였다. 또한 다른 사람들이 설명하는 것을 들으면서도 굉장히 많이 배웠다. (모두 Notion에 잘 정리해 두었다.) 앞으로 갈 길이 참 멀지만, 한 걸음씩 나아가야겠다. 2. JavaScript Deep Dive - 46장 Generator 읽고 스터디 어제 읽은 비동기 프로그래밍과 맥락을 같이 하는 제너레이터에 대해서 알아보았다. 책만 읽어서 잘 감이 오지 않아서 영상과 JavaScript info 사이트를 참고했다. 그래도 감이 잘 안 왔지만, 스터디를 하고 멤버들과 이..

1. 알고리즘 문제풀이 프로그래머스 레벨 2 숫자의 표현 - 아침 스터디에 풀이 설명 표준편차와 Z-index를 구하는 함수 만들기와 코드 리뷰 2. JavaScript Deep Dive 정독 & 스터디 : 42장 비동기 프로그래밍 스터디 진행 Event loop, Call Stack, Task Queue 등의 개념을 확립 참고 영상 : https://youtu.be/8aGhZQkoFbQ 3. Pair programming 8:00~9:50pm 메이커준님이 주최한 짝 프로그래밍에 참여하였다. 짝 프로그래밍을 말만 들었었는데 실제로 해 보니 재미있었다. 같이 해 본 것은 자바스크립트로 쉬운 알고리즘 문제 2개를 배정된 짝과 함께 풀어보는 것이었다. Driver와 Navigator 역할을 번갈아가며 코드를 ..

1. 알고리즘 문제풀이 & 코드 설명 프로그래머스 Level 2 - 숫자의 표현, 다음 큰 숫자 풀이 완료 진수 변환기 문제 풀고 설명하기 프로그래머스 크레인 인형뽑기 문제 설명하기 2. JavaScript Deep Dive 정독 10장 객체 리터럴을 정독하며 중요한 포인트들을 노션에 정리하였다. 내일 스터디 전까지 11장을 정독할 예정이다. 3. 모두의 네트워크 업로드 완료 한 것을 정리해 보니 생각보다 별로 없다. 하루를 좀 더 밀도있고 알차게 보내고 싶은데, 주말이어서 조금 쉬엄쉬엄 했던 것 같다. 이런 나를 다잡기 위해 서점에서 김유진 변호사의 저서 를 구입했다. 시간관리에 대한 인사이트를 얻고 내 삶에 적용해 나가려고 한다.

스터디 기간과 방식 기간 : 2021.11.1~11.12 하루에 한 챕터를 30분 내외로 발표, 평일만 진행 핵심 내용을 PPT에 정리하고, 상대방에게 퀴즈를 내면서 답을 설명하는 식으로 발표 후기 이 책은 네트워크를 정말 이해가기 쉽게 그림과 두 사람의 대화 형식으로 되어 있다. 그러나 나에게는 완독하고 발표를 준비하는 게 쉽지만은 않았다. 수백 개의 생소한 네트워크 용어들이 등장하고, 원리가 잘 와닿지 않는 경우도 있었다. 그럼에도 불구하고 끝까지 읽을 수 있었던 것은 역시 스터디를 했기 때문이라고 생각한다. 스터디라는 약속이 있으니 끝까지 읽어가고 준비를 해 가야 했다. 그런 과정에서 네트워크에서 반복적으로 나오는 용어들에 대해서 조금씩 익숙해졌고, 키워드를 습득할 수 있었다. 용어와 네트워크의 흐..