강태풍의 개발블로그

🎈개요 인프콘 2023 에서 발표한 "왜 내가 만든 서비스는 안쓰지?: 개발자가 알아두면 좋은 사이드 프로젝트 제작 팁 " 발표를 듣고 강의 내용을 간략히 정리하고, 느낀점과 해야할 일을 적는 리뷰 글입니다. 📚강의 내용 정리 개발 외적인 내용 위주 좋은 문제를 찾고 이해하고 해결하자 작가 : 작가의 생각으로 만들어짐 상품 : 시장의 니즈로 발생함 솔루션을 먼저 정의하고 고객을 끼워 맞추는 경우 ⇒ X 사용자를 위한 서비스가 아니라 내가 만들고 싶은 서비스를 만들지 말자 좋은 문제를 어떻게 찾을까? 반문하기 : 주변에 당연하다고 여기는 것들을 당연하지 않다고 여기며 개선하기 관찰하기 : 기존의 프로세스의 확인 펼쳐보기 : 현상의 이유와 개선점 찾기 주위에서 문제가 찾기 어렵다면 나 자신이 고객의 문제를 ..

🎈개요 인프콘 2023 에서 발표한 " Turborepo Next.js Typescropt 이용한 모노레포 적용기 " 발표를 듣고 인사이트를 얻으며 강의 내용을 간략히 정리하고, 느낀점과 해야할 일을 적는 리뷰 글입니다. 📚강의 내용 정리 모노레포란? 하나의 레포지토리에서 독립적인 여러 프로젝트를 관리하는 방법 기존에 많이 사용하던 Multi Repo 같은 경우는 다른 라이브러리에서 공통으로 사용하는 라이브러리를 중복하여 설치할 수 밖에 없습니다. 반면 모노레포의 경우 공통적으로 사용하는 라이브러리를 한 곳에 모아 관리하고 사용합니다. 모노레포의 장점 빠른 코드 수정 UtilA와 UtilB를 변경하더라도 App에서 바로 반영 가능하다 멀티 레포의 경우 버젼을 올리고 의존성을 다시 설치 해야함 각 레포마다..

🎈개요 10분 테코톡 에서 발표한 " 발표내용 " 발표를 듣고 강의 내용을 간략히 정리하고, 느낀점과 해야할 일을 적는 리뷰 글입니다. 📚강의 내용 정리 왜 이미지를 개선해야 하는가? 웹성능(로딩성능과 렌더링 성능) 을 개선해야함 이미지의 파일이 웹페이지의 가장 큰 용량을 가짐 차세대 이미지 형식 결정하기 PNG : 무손실 압축 사용, 최고 품질이미지를 제공하나, 크기가 다른 형식에 비해 훨씬 크다 JPEG : 손실 압축 사용, PNG에 비해 용량이 작다 WebP : 구글에서 2010년 발표, JPEG보다 더 나은 압축과 더 많은 기능을 제공, 범용성이 더 높다 AVIF : AOMedia에서 2019년 발표, WebP와 유사하게 높은 압축률 자랑 WebP 사용시 JPG에 비해 35% ~ 65%정도 용량을..

🎈개요 인프콘 2023 에서 발표한 " 당신의 웹페이지는 몇점인가요? " 발표를 듣고 강의 내용을 간략히 정리하고, 느낀점과 해야할 일을 적는 리뷰 글입니다. 📚강의 내용 정리 웹성능 사이트 내의 로드 시간을 단축 : 리소스들의 로딩 시간을 단축 서비스를 빠르게 사용 가능하게 준비 매끄러운 상호작용성 사용자의 체감 성능 : 실제 로딩 시간보다 사용자가 더 빠르게 느끼게 하기 로딩 성능과 렌더링 성능을 고려해야한다. 로딩성능 리소스가 렌더링 되기 전에 로딩되는 성능 Network 바에서 확인 가능 로딩성능의 개선 네트워크 개선 및 리다이렉트 방지, 캐시 적극적 사용 보통 캐시를 이용해서 쉽게 개선이 가능하다 리소스 압축 및 최적화 렌더링 성능 개선 받아온 리소스가 DOM 에 그려지는 성능 FP / FCP ..

🎈개요 인프콘 2023 에서 발표한 "2곳 중 1 곳은 무조건 합격하는 개발자 이력서 만들기" 발표를 듣고 강의 내용을 간략히 정리하고, 느낀점과 해야할 일을 적는 리뷰 글입니다. 📚강의 내용 정리 이력서는 가장 Dry 한 문서여야 한다. 이력서에 사용되는 한 문장 한 문장에 Why, How, What.. 등이 담겨있어야한다. 내용이 길면 너무 풀어 쓴 것이고, 내용이 짧으면 핵심을 놓친 것 컴팩트하게 만들자 ⇒ 노션 (행간이 넓고, PDF 변환 시 토글이 다 나오므로 내용이 길어진다)대신 구글 Docs나 Figma를 이용하여 작성하자 포트폴리오를 킥으로 사용하자 ⇒ 지금까지의 작업물을 모아볼 수 있는 포트폴리오가 필요하다 포트폴리오에 **서사(스토리)**를 작성하세요 “불가피한 외적 문제로 주인공이 문..

🔷 내용 정리 🔹테스팅의 장점 테스팅으로 코드에 대한 확신과 안정성을 줄 수 있다. 🔹테스팅 트로피 🔷정적 테스트 : 실행시키지 않고 테스팅 EsLint, Typescript 🔷단위 테스트 : 기능 단위나 컴포넌트 단위를 따로 떼어내 테스팅 의존성이 있는 모듈 같은 경우 Moccking 하여 사용 단위가 적어 작성 비용이 낮다, 실행 속도가 빠르다 🔷통합 테스트 : 어플리케이션의 여러 부분을 통합하여 상호작용을 테스트 큰 단위로 테스트 (페이지, 큰 규모의 기능) jest, RTL 사용 🔷E2E 테스트 : 사용자가 사용하는 조건에서 테스팅 AWS나 서버 DB 등이 합쳐진 환경에서 테스팅 작성이 어렵고 실행 속도가 느리다 실행 시나리오가 너무 다양하다 100% 신뢰성을 가지기 어렵다 Cypress 나 셀레..