202427 [GDG] 생각보다 많은 걸 얻고 돌아왔다! INTRO 송도 컨벤시아에 오랫만에 왔다. 사실 그 전에도 실내로 들어간 적은 없고 지나쳤긴 했었지만..ㅎㅎ 나름 부지런히 온다고 했는데 길을 헤메서 좀 늦었다. 처음에 듣고 싶었던 강의를 20분 정도 못들어서 아쉬웠다. 나중에 혹시 강의자료 공유해주실 수 있는지 문의드렸는데 티켓 산 메일로 일괄 발송해주신다고 하셔서 너무 좋았다. 강사님이 자료를 전달 안해주실 수도 있다고 했지만 여쭤봤으니 공유해주시지 않을까..? 제발.. 프로그램을 보면서 듣고싶은 강연이 많았는데 겹쳐서 아쉽게 듣지 못한 것들이 많았다. 가장 흥미로웠던 강연은 10분만에 만드는 게임이었다. 블렌더나 시네마4d를 아주 살짝이지만 다루면서 3D에 대한 로망이 생겼는데 웹에서 구현하려면 결국 유니티를 사용하는게 낫다는 이야기를 건너 건너 .. 2024. 3. 30. [3월] 이번달도 순식간에 지나갔다 3월에 했던 일 뮤딕 리팩토링, 프로젝트 그거 어떻게 하는건데 책집필, 코딩과제, 원티드 프리온보딩, 디스코드봇 개발, 정처기 실기 준비, NEXT.JS 공부 이렇게 보니 정말 이것저것 많이 한 것 같다. 일단 모아놓고 보니 열심히 살았다는 생각이 든다. 하지만 방향을 점검할 때가 온 것 같다. 일단 이번 달에 마무리 되는 것들을 추려보자. 먼저 책집필이 끝났다. 매주 일요일 9시부터 12시까지 회의를 진행했다. 그걸로도 모자라서 평일 저녁에 가끔 회의가 있었다. 마지막 주에는 발표 전부터 책 완료까지 매일 저녁에 모였다. 생각보다 많은 시간과 에너지를 쏟았는데 그래도 결과물은 마음에 든다. 그럼 된거지! 그리고 원티드 프리온보딩 강의도 끝났다. 정신없어서 그럴 생각을 못했는데 강의를 정리해서 블로그 글.. 2024. 3. 29. [WriteMate] 디스코드 봇 명령어 설정하기 INTRO 이제 본격적으로 명령어를 설정해 보려고 하는데 그 전에 해야 할 일이 있다. 바로 어떤 명령어가 필요한지 정리하는 것이다. 기능 요구사항을 정리하고 추상화 해서 명세를 간략하게 적어보려고 한다. 따로 양식을 가져온 건 아니고 작은 프로젝트 단위여서 간단하게 생각을 정리하는 용도로 작성하려고 한다. 필요한 기능 시나리오 블로그 스터디 4명이 디스코드 서버에서 블로그 글 업로드 채널을 개설하고 봇 사용, 한달동안 진행하는 스터디이고 매주 글 1개 이상 작성하는데 월요일부터 일요일 자정까지 적어도 1개의 글을 작성해야 하고 작성하지 못하면 벌금, 벌금은 연속으로 작성하지 못하면 2배씩 증가, 월요일 아침에 저번주 결과에 대해 알림, 유저가 글 등록하면 실시간으로 알림이 오고 새 글 링크가 같이 올라.. 2024. 3. 23. [Mudig] 불필요한 리렌더링 방지로 성능 최적화 하는 방법 IntroReact 애플리케이션의 성능을 최적화하는 데 중요한 포인트로 리렌더링이 과도하게 발생하면, 앱의 반응성이 저하될 수 있다는 것을 고려하는 것이다. 실제로 리렌더링에 대한 부분에 리팩토링을 진행하면서 Light House 검사를 통해 성능이 개선되는 것을 확인했다. 함수 컴포넌트와 클래스 컴포넌트 모두 불필요한 리렌더링을 방지할 수 있는 방법이 있으며, 각각의 접근 방식이 조금 다르다. 프로젝트에서는 함수형 컴포넌트로 구현했지만 공부하는 의미로 함수 컴포넌트와 클래스 컴포넌트 각각을 정리해 보았다. 함수 컴포넌트의 불필요한 리렌더링 방지React.memo: 컴포넌트를 감싸주면, props의 변화가 없다면 리렌더링을 방지하여 성능을 최적화할 수 있다.const MyComponent = React... 2024. 3. 19. [Wiki Page] 내용에 있는 제목 자동 링크걸기 디버깅 INTRO 머릿속으로 어떻게 해야 이 기능을 동작하게 할 수 있을까 고민했다. 일단 제목 전체가 내용에 있는 텍스트와 비교해서 같은게 있는지 찾고 같으면 링크를 생성하고 그걸 클릭하면 해당 제목의 디테일 페이지로 이동해야 한다. 이정도로 생각을 정리하고 나서 코딩을 시작했다. 조금 더 생각하고 코드를 작성해야 했다.. 시도 1 // 포스트 내용에서 다른 포스트 제목을 찾아 링크로 변환 const renderedContent = post.content.split(' ').map((word, index) => { const matchingPost = posts.find(p => p.title === word); if (matchingPost) { return {word}; } return word + ' '.. 2024. 3. 14. [WriteMate] 디스코드 봇 만들기 Intro 블로그 글 쓰기 스터디를 진행중이다. 일주일에 적어도 한개의 글을 작성해서 공유하는 스터디로 기록의 중요성은 알지만 신경쓰지 않으면 계속 놓치기 때문에 시작하게 되었다. 약간의 강제성을 위해 벌금을 내기로 했다. 그게 효과가 제일 좋을것 같다는 생각에..^^ 근데 참가자들이 정해진 기간 내에 글을 작성하는 것을 체크하고 벌금을 기록하는 일을 매주 반복하는것이 아주 약간은 귀찮기도 하고 원래 그런건 자동, 반복 같은 키워드가 들어가면 대신해줄 무언가를 개발하는 것에 관심이 가기 마련 아닐까? 저런 생각들을 하다가 찾아보니 javascript로 개발이 가능하다는 글을 보았다. 갑자기 흥미가 생기면서 개발해봐야겠다는 생각이 들었다. Step 1 환경 세팅 일단 이름을 정해야 했다. 이럴 땐 GTP가.. 2024. 3. 12. 이전 1 2 3 4 5 다음
