본문 바로가기

분류 전체보기52

[TIL] 23.06.12 회고 알고리즘 한 문제를 풀었다. 문제가 어렵지 않았는데 아무리 해도 문제가 풀리지 않았는데 결국 문제 조건을 놓쳐버리는 바람에 어떻게 해도 답이 나오지 않았었다. 문제 조건을 꼼꼼히 보도록 하자. indexedDB를 통해서 브라우저에 데이터를 저장하는 로직을 만들었다. 아직 여기 개념에 통달하지 못했는데, 처음 db를 만들면서 table(?)을 만들고(짧게 조사한 바로는 무조건 db를 만들면서 table을 추가해야하는 거 같다), 추후에 table을 추가할 때는 db의 버전을 올려주어야 하는데 이 부분을 해결하려고 애를 썼다. version 정보를 localStorage에 저장해서 해당 db 내의 테이블이 추가 될 때 localStorage 의 버전을 올려주면서 임시로 해결 할 수 있긴 하지만, 몇 가.. 2023. 6. 12.
[TIL] 23.06.11 회고 알고리즘 한 문제를 풀었다. 문제를 푸는 방식을 조금 늦게 깨달았는데 시간이 다소 걸렸지만 그래도 풀었다. next 13 으로 만들고 있는 블로그 프로젝트에서 next-mdx-remote 라는 라이브러리를 쓰고 있는데 code 부분에 syntax hightlight 설정을 하는데 꽤 시간이 걸렸다. 2023. 6. 11.
[TIL] 23.06.09 회고 요즘 틈이 나는대로 책을 읽고 있다. 이펙티브 엔지니어링이라는 책과 테크 커리어라는 책을 중점으로 읽고 있는데, 성장을 하기 위해서 정확한 목표를 가질 것. 성장형 마인드셋을 가질 것을 중점적으로 말하고 있다. 자신의 경력을 만들어가기 위해서 자신이 목표하는 바가 무엇인지 명확하게 할 것. 그리고 최선의 결과를 위해 효율적으로 생각하고 행동하는 것에 대해서 많은 영감을 주고 있다. 평범한 인문계 대학생이었던 나는 호기심으로 듣게 된 c언어 수업에서 개발에 흥미를 느끼게 되었다. 그후에 개발자로 삶을 살아보고 싶다는 생각을 가지게 되었고, 당시에 구체적이지는 않았지만 개발자로서의 삶을 동경하게 되었다. 내가 이상적으로 생각했던 부분은 내가 만든 서비스가 누군가에게 어떤 형태로든 삶의 편의를 제공한다는.. 2023. 6. 9.
[TIL] 23.06.06 회고 세 개의 element를 분할하고 resizing 할 수 있는 라이브러리를 vite으로 만들었다. 코드를 정리했고, 배포만 하면 되는데 기능에 확장성이 조금 부족해서 이 부분만 해결하고 npm 에 publish 하려고 한다. 운동을 하면서 chatgpt 관련 영상을 봤는데 프롬프트 엔지니어링에 관해서 팔로업을 해야 할 거 같다는 생각이 들었다. 블로그 작업은 오늘하기에는 체력적으로 힘들어서 조금 미뤄야 할 거 같다. 레퍼런스 https://tech.kakaoenterprise.com/188 https://www.youtube.com/watch?v=ymnzKS_2sSE 2023. 6. 6.
[TIL] 23.06.05 회고 기존 코드에서 split.js 를 통해서 화면을 분할을 하고 있어서 이를 통해서 화면 분할 기능을 넣으려고 했는데 엘리먼트가 3개 이상일 때는 원하는 방식으로 작동을 하지 않아서 새롭게 코드를 짰다. split.js 에서는 제공 하지 않는 기능이라 추후에 library화에서 npm 에 업로드 하면 좋을 거 같다. split.js 에서 resize 기능을 쉽게 제공을 해주는데 이를 직접 구현해야했다. 두 개인 경우는 쉽게 만들 수 있었는데 엘리먼트가 3개 이상 부터는 내가 원하는 방식으로 구현이 안 되어서 직접 해결했다. 생각보다 더 간단하게 만들 수 있었는데 시행착오를 많이 거쳤다. 코드 정리해서 블로그에 글도 따로 쓰도록 해야 겠다. 알고리즘은 Tree 부분을 학습했다. 블로그 작업은 꼭하고 싶었.. 2023. 6. 5.
클로저 클로저 외부 함수의 참조 값을 외부 함수가 종료되었는데도 참조 할 수 있는 것 외부 함수의 실행 컨텍스트가 종료되었을 때, 외부함수 내의 참조 값들이 가비지 컬렉션에 의해서 사라지게 되지만, 외부로 전달을 하면 외부 함수에 있던 참조 값들을 사용할 수 있게 된다. 예시 1 return 을 통한 외부 전달 function outer() { let num = 0 function inner() { return num += 1; } return inner } let increment = outer() // outer 의 num 을 참조하는 increment 라는 식별자가 있기 때문에 클로져로 사용 가능해짐 increment() // 1 increment() // 2 incremnt = null // 메모리 회수.. 2023. 6. 4.