Dalin's Archive

최근에 다른 직군 분에게 개발 책을 추천해 달라는 요청을 받았어요. 종종 그런 요청을 받을 때가 있어서, 제가 아는 한에서 책들을 소개해볼게요~ 책들은 제가 전부 혹은 일부 읽은 책들입니다. 맨 아래에는 관련 아티클을 읽을 수 있는 사이트와 뉴스레터도 소개했어요. 광고나 협찬은 전혀 없습니다.! 모두에게 추천하고 싶은 책 - 성장, 팀, 애자일 🌸 함께 자라기(김창준) 책 제목처럼 '함께', '자라기'에 대해 다룹니다. 프런트엔드 💙 객체 지향 UI 디자인 (소시오미디오 주식회사, 후지이 코타) 기초부터 완성까지, 프런트엔드 (이재성, 한정) HTML, CSS, JavaScript, 브라우저, 테스트와 디버깅.. 쭉 한번 읽으면서 정리가 되는 느낌이었어요. 모던 자바스크립트 Deep Dive(이웅모) 순..

프론트엔드 😉 (번역) 자바스크립트로 첫 ChatGPT 플러그인 만들기 챗 플러그인은 ChatGPT가 서드 파티 앱과 상호작용을 할 수 있게 하는 지침, 사양이다. API의 기능, 접근 방법, 호출 시점을 알려줘야 한다 챗 플러그인을 통해 API와 사용자의 상호작용을 더 직관적, 유동적으로 하고, 새로운 고객을 만날 수 있다. 그러나 응답 속도가 느리고, 비용을 지불해야 하며, 제작자가 답변을 조작할 수 있고, API가 잘못 호출될 수도 있다. Express를 이용해서 To do 챗 플러그인을 만들고, 테스트하는 방법을 코드와 함께 설명한다. 커리어, 개발 문화 🤗 변별력을 200% 더 높인 개발자 채용 방법: 코드 리뷰 테스트 채용 절차로서의 '코드 리뷰 테스트'라는 것은 처음 보기도 하고, 요즘 어떻..

Frontend 🔮 극한의 프론트엔드 성능 최적화 시리즈 0편 (프롤로그) 1편(next js 13) 나도 요즘 넥스트 13을 공부하고 있어서 읽어봤다. 아직 조금만 공부해서 완전히 이해되지는 않고 슥.. 읽었다. 넥스트를 좀 더 이해한 후에 읽으면 더 좋을 듯~ - 서버 컴포넌트 등장 : RSC(React Server Component)은 서버 사이드 렌더링을 컴포넌트 단위로 할 수 있게 함. 2편(이미지) cloudinary, react를 이용해서 이미지 최적화하는 방법을 다룬다. lqip를 생성하는 방법은 처음 봤는데, 용량 큰 이미지가 불러와지기 전에 블러 처리된 퀄리티 낮은 이미지를 불러와서 보여주는 것이다. 단순히 한가지 색상의 스켈레톤을 보여주는 것보다 좋아보인다 ! HTML 상자를 사용할 ..

4월 내내 작성합니다. 작은 따옴표 안의 글은 직접 인용한 부분입니다. 프론트엔드 (번역) 🔥 자바스크립트 메모리 관리: 일반적인 메모리 누수를 방지하고 성능을 개선하는 방법 자바스크립트 메모리 관리 -> 애플리케이션 성능에 영향 자바스크립트 메모리 관리 가비지 컬렉터 : 더이상 사용하지 않는 객체를 식별해서(참조되고 있는지 체크) 제거. 사용 중인 모든 객체 '표시' -> 힙을 '정리' 사용중이지 않은 객체 제거하는 과정을 주기적으로 수행. (번역) 프런트엔드 개발의 종말 제목부터 무섭다 ㅠㅠ chat GPT 등 인공지능이 발달하면서, 앞으로 발생할 일에 관한 저자의 가설이다. LLM(Large Language Models)은 프롬프트가 주어지면, 그 뒤에 올 가능성이 높은 문자 집합을 찾아낸다. LL..

작은 따옴표 안의 글을 해당 아티클을 직접 인용한 부분입니다. 프론트엔드 개발 Javascript에서도 SOLID 원칙이 통할까? 취준생 시절, 면접을 봤는데 'SOLID 원칙에 대해서 설명해보라'라는 질문을 받은 적이 있다. 그때 SOLID 원칙이라는 것을 들어본 적도 없었고, 그 후에 찾아보려고 했지만 어려워 보였고 자바 예제가 많이 나와서 ㅇㅁㅇ...했던 적이 있다. 면접에서 충격을 받았던 SOLID... 이제라도 알고 싶어서 읽어봤다! SOLID 원칙 : 객체 지향 프로그래밍 및 설계의 기본 원칙 5가지의 첫 문자를 따서 만든 말. 왜 원칙이 필요한가? 코드 변경에 유연한, 좋은 구조를 가진 코드를 작성하기 위해서 SOLID 원칙은 객체 지향 프로그래밍 원칙인데, 함수형에 적용 가능한가? => 필..

소프트웨어 설계 20년 해보고 깨달은 '좋은 설계'의 조건 '모든 상황에서 모든 문제를 해결해주는 모범답안 같은 완벽한 해법은 없으며, 설계는 정교한 의사소통을 돕는 도구로 활용될 때만 의미가 있다고 믿습니다.' - 본문 중- '소통 없이는 완벽한 설계 문서란 없다.', '당장 개발을 위한 소통에 쓰이지 않는 문서나 그림 형태로 설계하는 일은 지양해야 헙나다.' - 본문 중- 완벽하고 철저한 설계는 있을 수 없고, 코딩 직전에 어떻게 해야 할지 정도만 설계하면 된다. 개발 전에 모든 것을 꼼꼼하게 설계하지 말고, 개발-리팩토링하면서 지속적으로 설계도 해나가야 한다!! (약간 애자일 개발방법과도 연결되는 것 같다 !) [Korean FE Article] 내가 작성한 Jest 테스트는 왜 이렇게 느릴까? 읽..

글을 읽으면서 정리하고 내 의견을 쓰면 더 집중도 잘 되고, 나중에 필요한 부분 찾기도 쉬워서 정리하고 있다. :) 파란색 글씨가 내 생각이다 ~ 2022.log (velopert) https://velog.io/@velopert/2022.log 2022.log 2022년, 정말 큰 변화가 있던 해였다. 5년 넘게 다닌 나의 첫 직장 라프텔을 퇴사했고, 창업을 결정했다. 왜 퇴사를 했는지.. 창업 라이프는 어땠는지 공유를 해보겠다. velog.io 벨로그를 만드신 벨로퍼트님의 2022년 회고 글이다. 퇴사를 하고 창업을 하신 이야기가 핵심이다. 개발자들을 채용하고, 사무실을 계약하고, 투자 받는 등등. 대표로서 살아가는 이야기가 있다. 나도 창업을 하는 게 재밌을 것 같다는 생각이 있는데(물론 힘들긴 하..

이제 2022년이 일주일도 채 남지 않았다. 회고 글들이 많이 올라오고 있다~~ 다른 분들의 회고 글을 읽으면서 다양한 분들이 계셔서 재미있고, 공감도 되고, 배우는 점도 많다 ㅎㅎ 읽은 2022 개발자 회고글 중에 인상 깊은 것들을 모았다. 신입 백엔드 개발자 2022년 회고 (redjen 님) https://velog.io/@redjen/%EC%8B%A0%EC%9E%85-%EB%B0%B1%EC%97%94%EB%93%9C-%EA%B0%9C%EB%B0%9C%EC%9E%90-2022%EB%85%84-%ED%9A%8C%EA%B3%A0 신입 백엔드 개발자 2022년 회고 나는 한 해 좋은 동료 개발자, 좋은 선후배, 좋은 친구, 좋은 가족, 좋은 인간이었는가? velog.io 10월 말부터 신입 백엔드 개발자..

이해하기 쉬운 코드 작성방법 정리 https://chodragon9.github.io/blog/easy-code/#%EC%9D%B4%EC%A0%9C-%EB%B3%B8%EB%A1%A0%EC%9C%BC%EB%A1%9C-%EB%93%A4%EC%96%B4%EA%B0%80%EA%B2%A0%EC%8A%B5%EB%8B%88%EB%8B%A4 이해하기 쉬운 코드 작성방법 정리 | ChoDragon9 이해하기 쉬운 코드 작성방법 정리 글의 목적 코드 리뷰를 받다보면 본인이 작성한 네이밍의 의미가 모호하다는 피드백을 받거나 로직이 이해하기 힘들다는 피드백을 받을 때가 있다. 동료들이 chodragon9.github.io 제목 그대로 이해하기 쉽게 코드를 작성하는 방법을 다룬다. - 이해하기 쉬운 코드를 작성해야 하는 이유?..

2022 프로그래머스 개발자 설문조사 https://programmers.co.kr/pages/2022-dev-survey-event?itm_source=prgms&itm_medium=banner&itm_campaign=index_1&itm_content=banner_id_4390_display_order_1.0&source=school.programmers.co.kr%2Flearn%2Fchallenges 2022 프로그래머스 개발자 설문조사 이벤트 2022 개발자 설문조사 리포트 programmers.co.kr - 12월 31일까지 설문조사를 하고, 추첨을 통해 상품도 준다고 한다! - 직무, 근무 형태, 기술 스택, 커리어를 묻고, 노동요가 무엇인지 등 재밌는 질문도 있다. - 여러 키워드가 나오는데..