본문 바로가기

전체 글53

[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.
[TIL] 23.06.04 회고 외부일정이랑 예상치 못한 스케줄들로 인해서 작업을 많이 하지 못했다. 블로그 작업을 하고 싶었는데 전혀 하지 못해서 내일은 무조건 2시간 이상은 작업을 해야 할 거 같다. 아침에 시간을 짜내서 알고리즘이랑 자바스크립트 책을 조금 읽었다. 클로져 부분이 좋았는데 잊어버리고 있었던 개념을 다시 한 번 숙지 할 수 있는 기회 였다. 2023. 6. 4.