tech epilogue4 [회고] 자바스크립트 + 리액트 디자인 패턴 스터디 레포 : https://github.com/The-survivor-is-strong/coding-study-of-death 2월 4일부터 3월 25일까지 7주간 자바스크립트 + 리액트 디자인 패턴 책으로 스터디를 진행했습니다. 작년 항해 플러스를 같이 했던 인연으로 개발에 열정이 있는 분들과 매주 적정 분량을 읽고 공부한 후 내용을 함께 온라인에서 만나 서로가 얻은 인사이트와 지식들을 공유했습니다. 자바스크립트와 리액트를 실무에서 숨 쉬듯이 사용하지만, 사용할 때 우리가 어떤 디자인 패턴을 사용하는지 전혀 알지 못했기 때문에 이런 의문점들을 해결하기 위해 공부하게 되었습니다. 주로 점심시간에 시간을 잠시 내어 책을 읽고 정리를 하고 그 안에서 원래 알고 있던 지식들과 연결해 생각하려고 노력했습니다.. 2025. 3. 30. [회고] 미방문자 이벤트 프로젝트 1. 프로젝트의 목표저희가 이번에 진행한 프로젝트는 단순한 이벤트 페이지를 만드는 것이 아니었습니다. 미방문자분들에게 정말 좋은 경험을 제공해서 우리 앱을 계속 써보고 싶다는 생각이 들게 만드는 게 목표였습니다. 그래서 평소보다 개발 기간을 더 넉넉히 잡고 진행했습니다. 2. 기술 구현2.1 기술 스택 선정과 선정 이유이러한 목표를 달성하기 위해 다음과 같은 기술 스택을 선정했습니다:React: 터치 이벤트를 부드럽게 처리하고 클라이언트 사이드 인터랙션을 풍부하게 구현하기 위해 선택했습니다.TailwindCSS: 빠른 개발과 일관된 UI를 위해 도입했습니다.Canvas: 복권 긁기의 부드러운 애니메이션과 터치 인터랙션을 위한 핵심 기술이었습니다.2.2 최적화 전략빌드 최적화: 복권 응모/긁기 페이지를.. 2025. 2. 5. [LEARN-JS] mdn 문서에 기여하기 🟡기여한 결과물 delete 연산자 - JavaScript | MDN**delete**는 객체의 속성을 제거합니다. 속성의 값이 객체이고 더 이상 그 객체에 대한 참조가 없다면, 해당 객체는 결국 자동으로 메모리에서 해제됩니다.developer.mozilla.org mdn에 문서를 보며 string과 array의 method들을 구현하고 있던 중 우연치 않게 오타를 발견하게 되었다.이를 수정하기 위해서는 해당 mdn github에 이슈를 올리면 된다는 것을 알게되고 이슈를 올렸는데, 해당 이슈는 벌써 수정되었으니 다른것을 한번 번역해보지 않겠냐는 제안을 듣게 되었다. 자바스크립트를 처음 접하는 개발자라면, 자바스크립트로 개발을 하는 개발자라면 자주 들어가보는 mdn 페이지에 기여할 수 있게 된다는 .. 2024. 7. 29. npm module 지금 제가 맡고 있는 프로젝트들은 같은 어드민 성향을 띄지만 서로 사용자들의 성격이 다릅니다. 기획에서 요구하는 데이터나 날짜, 시간과 관련된 포맷팅이 비슷하여 비슷한 유틸함수들이 여러개 생기게 되었습니다. 각각의 프로젝트에서 다른 이름이지만 같은 동작을 하는 함수들이 하나 둘 쌓였고 관리 포인트를 줄이기 위해 라이브러리 제작을 하기로 했습니다. 이 라이브러리에 컨셉은 경량화와 유연함이었습니다. 라이브러리의 크기는 작지만 우리가 관리하는 프로덕트에 여기저기에 쓰여야 했으니까요. 기본적으로 확장성과 재사용성을 고려했고 class를 활용하여 기능에 따라 함수들을 분리하기로 했습니다. 코드의 안정성을 위해 테스트 코드도 도입하기로 했습니다. 어떤걸 넣어야할까? 기존 프로젝트에서 helpers와 function.. 2024. 3. 10. 이전 1 다음
