Jaypedia

1. Learned = Facts + Findings 코드스쿼드 CS04 문제 아직도 이 문제를 두고 고전 중이다. 익숙하지 않은 설계와 친해지려고 하는 중이다. 코드스쿼드 멤버들이 알려주신 것들과 코드들을 참고해서 어찌저찌 하고는 있다. 하지만 아직도 진행 중이다. 아마 내가 맨 마지막으로 제출을 하게 될 듯. Jest도 찔끔이지만, 약간 써 봤다. 좀 더 연습해서 테스트 코드도 능숙하게 짜고 싶다. 프로젝트 피드백 by 예진 멘토 커뮤니티 페이지를 지금까지 한 것을 우선 PR을 날렸고, 이것에 대한 피드백을 들었다. 슬랙 소통이 아닌 게더타운에서 실시간으로 피드백을 받아서 더 유익했다. 프로젝트가 끝으로 갈수록 백엔드와 소통할 일이 많아지고 있다. 슬랙에 질문을 많이 남겼다. 2. Well done ..

1. Learned = Facts + Findings * 객체지향 패러다임 * Observer, Singleton Design patterns 디자인 패턴에 대해 헴디가 열정적으로 설명해줘서 약간 감을 잡았다. 아직 100% 이해는 못 했지만 일단 존재라도 알게 되었다. 7 JavaScript Design Patterns Every Developer Should Know | by Amy J. Andrews | JavaScript in Plain English 위 링크를 아주 대략적으로만 훑어보았다. 2. Well done 새로운 것을 배울 때의 태도 객체지향 설계라는 정말 나에게는 생소하기도 하고 해 보지 않은 것인데 적극적으로 질문하면서 배우려고 했다. (오늘 나는 거의 질문 폭격기였다... 그만큼 모..

1. Learned = Facts + Findings CodeSquad Day 9 - OOP 공부 + README 정리하여 커밋 완료 - 설계 후 코딩 약간 시도 - Inspector 사용 이제 된다! 계속 Debugger Attached 라는 문구가 뜨지 않아서 왜 그런가 했더니 알고 보니 개발자 도구에 Node.js 버튼이 있는데 그것을 눌러야 되는 것이었다. 이것을 알려준 햄디(햄교수님 ㅎㅎ)에게 무한 감사를.. 구글링 해도 안 나오고 골머리 썩고 있었는데 해결되서 너무 좋았다. 이제 디버깅의 늪에 빠질 일만 남았다. React project - 수정 폼 완성하기 제목과 내용을 적는 각각의 Input, TextArea에다가 defailtValue를 주는 식으로 해서 값을 불러오는 식으로 했었다. 그..

1. Learned = Facts + Findings * 코드스쿼드에서 주어진 6가지 알고리즘 풀기 => CodeSquad Log에 작성 * 재귀 공부 - Linked List 관련 문제를 풀다 보니 재귀에 대한 공부의 필요성을 절실히 느껴서 Udemy 강의를 들었다. (강의를 듣다가 강의 1개가 누락된 것을 발견하고 질문에 남겼다.) - 영어로 들으며(영어자막 on) Readme에 내용을 정리하였다. - Hello Coding 재귀 부분을 읽긴 했었는데 다시 한 번 읽으면서 특히 call stack에 어떤 식으로 올라가서 작동하는지에 대해 설명이 가능할 정도로 공부를 해야겠다. - 재귀와 점점 가까워지려는 시도 중. (멀게만 느껴졌었던 재귀..) 직접 간단한 재귀 코드를 짜 보는 예제 문제를 4개 정도..

🎆 오늘의 깨달음 1. Github 블로그를 만들어야겠다. 코드스쿼드의 Hemdi, Dony의 깃허브 블로그를 보고, 또 다른 사람들의 여러 블로그를 방문한 결과 내린 결론이다. 티스토리에서 조만간 이사를 해야겠다고 결심했다. 그동안 쓴 글이 100개가 넘기 때문에 웬만하면 이사를 하지 않으려고 했는데 아래와 같은 이유로 결심하게 되었다. 물론 티스토리 블로그를 아예 방치하진 않을 것 같다. 간단하게 글을 남길 때에는 괜찮은 것 같다. 내가 아예 테마를 만들고 싶다는 생각도 들었지만, 그건 아직 시기상조라고 생각해서 jekyll 등에서 내가 원하는 테마를 골라 보려고 한다. 현재 티스토리 블로그가 불편한 이유 1. 불편한 마크다운 : 그냥 VS Code에서 마크다운으로 작성한 공부 정리한 내용, 혹은 T..

Jest 코드스쿼드가 10시에 시작하기 전 9~10시까지 CS 1번 문제에 대한 테스팅을 하고 싶어서 Jest에 대해서 알아보았다. 그리고 적용도 해 보았다. 포스팅은 작성하는 중인데 내일 중으로 완성해서 업로드 해야겠다. Jest를 처음 써 봤는데 제대로 활용하려면 더 배워야겠다. 굉장히 유용한 툴이다. CodeSquad Day 6 코코아 사람들과 스터디를 했던 자료구조 중 Linked List가 나와서 반가운 마음이 들었다. 스터디가 정말 빛을 발했다. Linked List에 대해 그래도 감이 어느 정도 잡혀 있었는데 이번 기회로 완전하게 익혀야겠다는 생각이 들었다. 오늘은 미션 구현에 초점을 두었기 때문에 개념적으로 더 보완이 필요하다고 느꼈다. 시간 복잡도와 공간 복잡도, 배열과의 차이점이 무엇인..

1. React project (1) My page UI 완성 API가 어떤 식으로 구성이 될 지 아직 모르지만 우선은 프로젝트 마감일이 얼마 남지 않았기 때문에 UI부터 서둘러 완성하기로 했다. 내가 좋아요를 누른 산, 내가 작성한 글, 댓글 이렇게 총 3가지를 만들었다. Ant Design의 컴포넌트들을 적절히 활용하여 배치했다. (2) 프로젝트 진행상황 공유 4시부터 5시 15분까지 약 1시간 15분간 게더타운에 모여 프로젝트 진행상황을 공유하는 시간을 가졌다. 내가 제안을 해서 모이게 되었는데, 정말 잘 한 일이라고 생각했다. 짧은 시간이었지만 느낀 점이 많았기 때문이다. 그동안 slack으로만 소통을 하다가 대화를 하고 바로 질의응답이 가능하니까 더 빠른 피드백이 오갈 수 있었다. 백엔드 담당 ..

1. React project (1) 카테고리 선택할 때 Tag가 아닌 Radio Button으로 바꿔서 선택이 하나만 가능하도록 구현했다. Community page, 글쓰기 Form에도 적용했다. (2) 태그 눌렀을 때 해당하는 글만 필터링이 되도록 구현하고 글로 정리했다. React & Ant Design : 카테고리 필터링 기능 구현하기 커뮤니티 페이지에서 카테고리 버튼을 눌렀을 때 해당하는 카테고리에 맞는 글만 보여지도록 구현해야 했다. 카테고리는 중복 선택이 안 된다는 것을 감안해서 Ant Design의 Radio Button을 활용하기 jaypedia.tistory.com (3) 글쓰기 기능 구현 + 글로 정리 React & Ant Design : 글쓰기 기능 구현하기 (Form) 이번엔 글..

1. CodeSquad Day 5 벌써 5일이라니, 시간이 믿기지 않는 속도로 빠르게 흘러가고 있다. 정말 기록을 제대로 남기지 않으면 손가락 사이로 모래알이 빠져나가듯 배운 것들이 흘러갈 것만 같다. README를 상세하게 쓰는 것도 미션의 일부인데, 이것을 쓰는 게 정말 좋은 것 같다. 어색했던 마크다운도 점점 익숙해지고 있다. 남들이나 미래의 내가 보았을 때도 이해하기 좋은 README를 남길 수 있도록 해야겠다. 2. React Project (1) Mock data 추가, 커뮤니티 페이지에 카테고리 map 돌려서 그려주기 아직 백엔드 API와 연동이 되지 않아서, data.json에 mock data를 더 추가했다. (2) 커뮤니티 페이지의 표에 작성자가 제대로 출력되지 않는 부분 수정 작성자의..

1. CodeSquad Day 4 미션 덕분에 리눅스라는 것에 대해서 더 알아보고, 가상환경에 우분투도 깔고. 더 익숙해져서 제대로 활용할 수 있을 때까지 많은 수련과 공부를 해야겠다고 느꼈다. 앞서나가는 다른 코드스쿼드 동료들을 보면서 많은 것을 느낀다. 2. React project 7시 반부터 8시까지는 커뮤니티 페이지에 styled components를 활용해서 코드를 좀 더 깔끔하게 고쳐보았다. 오후 8시부터 9시까지 로그인 기능에 관한 이야기, 그리고 질의응답을 하는 시간을 가졌다. Firebase로 Google 로그인 구현하기 (React 파트) 안녕하세요 카우치코딩입니다.\* Firebase로 Google 로그인 구현하기 (Spring + React 예제)\* Firebase로 Google..