Jaypedia

CodeSquad🔹Day 7 10:30~12:10 Class by Crong 코드스쿼드 7일차만에 크롱의 첫 수업을 듣게 되었다. 크롱은 참여형 수업이다. 100여 명이나 되는 대형 수업이지만 질문으로 참여를 유도하기 때문에 더 액티브한 느낌이 들었다. (사실 긴장의 끈을 놓을 수 없다) Learned * 배열과 Linked list의 차이, 각각의 장단점 * Big O notation * 자료구조 학습 방법 : 자료구조 학습 시, 특성을 이해하는 것보다 그 자료구조가 존재하는 이유를 안다면 좀 더 오래 기억할 수 있다. 또한 이 자료구조는 다른 자료구조의 어떤 단점을 보완하는지도 학습하는 것이 좋다. * 실제 사례를 상상해보며 자료구조가 어떤 식으로 적용되는지 생각해보기 * Doubly Linked L..

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

CodeSquad🔹Day 6 10:30~11:00 미션 소개 by JK 월요일이어서 새로운 조에 배정되었다! 10시에는 조원들과 간단하게 인사를 하고, 오늘의 미션을 읽어 보고 있었다. 10시 반부터는 저번처럼 JK가 미션에 대해 소개해주었다. 확실히 그냥 내가 읽을 때보다 설명을 들으니 문제에 대한 이해가 더 넓어져서 좋았다. 새로운 미션을 받을 때마다 약간 부담이 느껴졌었는데, 미션을 좀 더 즐기고 싶다는 생각도 들었다. 물론 미션이 어려울 때는 부담이 되는 게 맞지만, 재미도 느끼면서 해결해 나가면 좋지 않을까? 이번 미션 역시 주어진 요구사항을 해석하는 것도 만만치 않았다. 문제를 해석해네고 어떻게 풀어갈 지 구상하는데 오전 시간이 다 흘러가 버렸다. 점심을 잘못 먹어서 배탈이 심하게 났었다. 약..

✔️ What I learned this week CodeSquad CS01, CS02 : 2번째 미션은 미완성 Algorithms : 백준 알고리즘 2문제 React project English : 블로그 글 1개 업로드 🌟 What I'm going to learn next week CodeSquad CS03, CS04 : 전부 해결하기 Algorithms : 필수 2문제 풀고 해설 블로그 작성하기 React project : 마지막 데모 목요일 & 회고 작성 English : 블로그 글 2개 업로드 ✍️ My thoughts 본격적으로 제대로 달려야 한다! 설명 가능한 것이 내가 진짜 아는 것이니까 항상 이것을 염두에 두고 공부하도록 하자. 프로젝트도 마무리 잘 하고, 이번에는 미션을 꼭 집중해서 ..

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

1. what makes [ ] tick : 특정 행동을 하는 이유 / 동기 tick은 시계의 "째깍" 혹은 체크 표시를 "틱" 하는 것처럼 가볍고 짧은 소리를 가리킨다. 그래서 어떤 행동의 계기가 된 순간을 그런 소리가 나는 것에 비유한 것이다. - And getting to understand what makes them tick and what they're passionate about is a really great opportunity. - I don't understand what made him tick. (걔가 무슨 계기로 그러는지 이해가 안 돼.) - You mean this is what makes her tick? - We need to understand what makes stu..

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) 이번엔 글..

이번엔 글쓰기 기능을 구현해 보자. 저번에 UI는 완성해 놓았다. Ant Design을 활용해서 깔끔한 UI가 완성되었다. 🚀 목표 글쓰기 버튼을 눌렀을 때, 임시 DB 파일인 data.json에 작성한 글이 등록되도록 하는 것이 목표이다. 이 역시 저번에 했던 영화 앱에서 했던 것과 매우 유사한데, 그 당시에는 TIL에만 간략하게 정리하고 따로 게시물로 정리해 놓진 않아서 이번 기회에 정리해 보려고 한다. 🤔 고민했던 것 글을 작성한 후 글쓰기 버튼을 눌렀을 때, 모달이 떠서 '정말 작성하시곘습니까?' 같은 안내 문구가 또 나오게 해야 하나 싶었다. 그런데 다른 웹 사이트의 글쓰기 기능을 본 결과, 있어도 그만 없어도 그만 같았다. 그래서 일단은 넣진 않는 걸로. ✅ 유효성 검사 글 제목이나 내용 중 ..

커뮤니티 페이지에서 카테고리 버튼을 눌렀을 때 해당하는 카테고리에 맞는 글만 보여지도록 구현해야 했다. 카테고리는 중복 선택이 안 된다는 것을 감안해서 Ant Design의 Radio Button을 활용하기로 했다. 기존에는 Tag 컴포넌트를 사용했었지만 Radio.Button으로 바꿔주었다. axios를 활용해 카테고리 배열을 가져온 후, categories가 undefined가 아니면 map을 돌려서 라디오 버튼을 생성해 준다. 이 때 "모든 글"을 볼 수 있도록 버튼이 하나 더 있어야겠다고 생각했다. 그래서 defaultValue에도 설정해 주었다. onChange 속성에는 함수를 넣어주었다. useState 훅을 활용해서 category를 바꿔 준다. 이렇게 onChange 이벤트가 일어날 때마다..

CodeSquad🔹Day 5 📃 10:30~12:00 Linux 수업 by 호눅스 1시간 반 동안, 유쾌한 호눅스의 수업이 진행되었다. 수업 말고도 다른 재미난 이야기나 질의응답도 해서 딱딱한 분위기는 아니었다. 그러나 마음 놓고 즐길 수만은 없는 시간이었는데, 시분할 운영체제나 Multics 운영체제같은 익숙하지 않은 용어들이 많이 나왔었다. 내가 모르는 지식적인 부분이 많았어서 내가 앞으로 공부해야 할 게 정말 많다고 느꼈다. ✅ 앞으로 공부해야 할 것 🔹Network : 작년 11월에 책으로 스터디를 하긴 했지만 그것으로는 부족하다. 다시 한 번 스터디를 하거나 스스로 공부해야 한다. 🔹쉘 스크립트 작성법 🔹SSH 학습 🙂 장기적인 시야를 가지고 CS를 배우자 그리고 호눅스가 이런 말도 해 주셨다...