프로그래머스 데브코스 썸네일형 리스트형 [TIL] 프로그래머스 데브코스 - 바닐라JS/ SPA구조로 노션만들기 -토글기능(+ 약간의 리팩토링). 배포 사이트 : https://vanilla-js-notion-4cckycphd-gangpyono.vercel.app/ 이전에 토글기능을 넣었지만 특정 페이지를 편집중에 새로고침을 눌렀을때 해당 문서가 자식문서임에도 불구하고 토글이 모두 닫혀 왼쪽 배너부분에서의 정확한 위치표시가 안됨 + 아래 문제부분에서의 의문이 있어 주말을통해 개선하고자했다. 1. 문제 서버로부터 토글에 대한 상태를 받아오지 않기 때문에 토글 버튼을 클릭할 때마다 전역에서 관리하는 배너 상태에 임의로 상태 값을 넣어주고 상태 변경에 의한 렌더링으로 보여주고 있었다. 여기서 문제가 총 2가지가 발생했는데 첫 번째로는. 토글 상태를 배너부분외에서 사용하지않을것같은데 전역상태로 관리할 필요가 있는가? -> 토글상태를 전역 상태 관리에서 분.. 더보기 [TIL] 프로그래머스 데브코스 - 바닐라JS/ SPA구조로 노션만들기. 시작. 이번 클론 코딩에서 가장 핵심이라 생각했던 부분은 노션의 왼쪽 배너의 여러 문서들의 트리구조를 어떻게 구현할 것인가 였다고 생각했다. 그래서 이부분만 해결하면 나머지는 쉽게 쉽게 풀릴 줄 알고 사전에 상태 관리를 어떻게 해야 할지, 어떻게 해면 좀 더 확장성이 좋은 코드가 될 수 있는지를 고려하지 않았다. 그 결과 재귀 함수를 활용하여 구현은 했지만(이외에도 무수한 에러를 많이 만났다..), 이후 추가와 삭제 버튼을 만드는 과정에서 아래와 같이 새로 만들어진 문서에 대해서 추가와 삭제 이벤트를 직접 달아줘야 한다라는 문제점을 보고 상태 기반으로 렌더링 하는 방식을 선택해야겠다는 생각을 하게 되었다. 1. 새로운 문서를 생성했을 때, 이에 대한 상태를 관리하고 있는 곳이 있는가? 위의 첫 번째 스크.. 더보기 [TIL] 프로그래머스 데브코스 - 임시팀 마무리,스터디 마무리 2주간 배웠던 내용들이다. 1. JS로 알고리즘 구현 2. 코드 리뷰 3. 자바스크립트 스터디 (코어 자바스크립트) 4. 백준 알고리즘 스터디 1. JS로 알고리즘 구현 이전에 작성한 전위 중위 후위 순회 + trie구현 내용이다. 2. 코드 리뷰 이전 부트캠프에서 팀원과의 동료 외에 시니어 개발자분에게 코드 리뷰를 받아본 적은 처음이다. 내 코드를 직접 읽어봐 주시고 필요한 부분에 대한 조언을 해주셨는데 좋은 코드를 작성할 수 있는 여러 팁들을 얻을 수 있어 유익한 시간이었다. 확실히 코드 리뷰가 여러 유명한 강의나 좋은 자료보다 훨씬 더 직접적인 도움이 되는 것 같다. 동료 분들의 리뷰 또한 내가 모르던 부분을 확인할 수 있는 좋은 계기가 되었다. 나름 신경 쓰면서 작성했지만 분명한 오류가 있었고, .. 더보기 [TIL] 프로그래머스 데브코스 시작 - 팀구성 뭘 했나? - 새로운 팀원분들을 만났다. - 백준 알고리즘 스터디 - 과제형 코테 마무리. 좀 더 일찍 쓰고 싶었으나.. 방금 코테를 마무리하느라 이제야 쓰게 됐다. 보기엔 쉬워 보였지만, 막상 해보니 아주 복잡한 기능이어서 제시간에 끝내려면 오직 구현에만 초점을 맞췄어야 했다. 그래도 뭐 요구사항을 모두 구현하였으니 만족한다. 프로그래머스에 대한 얘기를 해보자. 앞으로 2주간 함께할 팀원분들을 만났다. 나를 포함한 총 4명이고, 간단한 인사를 나눴다. 이후 팀 노션 페이지를 꾸몄다. 결정된 사항으론 팀 규칙, 스터디, 주요 일정 정리 이 정도인 것 같다. 매번 느끼지만 첫 만남일 때 서로에게 피해를 안 주려는 마음, 어떻게 해야 할지 모르는 마음 등 이런 점 때문에 뭔가를 결정하는데 시간이 오래 걸리는.. 더보기 이전 1 다음
