![]()
SSAFY 자율 프로젝트는 오픈 소스를 하기로 결정했습니다! 본격적인 개발에 앞서, 모듈 번들러부터 선택하게 되었는데요. 어떤 과정을 거쳐 선택했을지 따라오시죠! 1. 모듈 번들러란? 모듈 번들러는 웹 개발에서 중요한 도구로, 개발자가 작성한 여러 개의 JavaScript 파일과 기타 자원(예: CSS, 이미지)을 하나의 파일 또는 몇 개의 파일로 결합하는 역할을 합니다. 이 과정은 웹 애플리케이션의 로딩 시간을 최적화하고, 파일 요청의 수를 줄여 네트워크 부담을 감소시킵니다. 모듈 번들러는 소스 코드를 모듈로 관리할 수 있게 해주며, 각 모듈은 독립적인 기능을 가진 단위로 개발될 수 있습니다. 이렇게 모듈화된 코드는 재사용성과 유지 관리가 용이해지며, 대규모 프로젝트에서 특히 유용합니다. 주요 모듈 번..
![]()
오늘 게시글은...참 부끄럽습니다. 이것을 제가 몰랐다는 사실을 실은... 혼자 알고싶었습니다. 너무 부끄러워서 제가 모른다는 것을 인정하고 싶지 않았기 때문입니다. 하지만... 주위 프론트 지망생들도 대부분 오해하고 있더군요...? 저처럼 너무 늦게 알게되어 슬퍼하지 않으시길 바라는 마음에 용기내어 작성해봅니다. 나, 비동기 처리 방법 모르는 구나. SSAFY 특화 프로젝트로 웹 게임을 개발하던 중, 동시성 이슈가 발생하게 되었습니다. 서바이벌 게임 특성상, 동시성 이슈가 아주 중요한데, 이를 해결하기 위해서는 실행 순서가 개발자의 뜻대로 보장되어야 합니다. 하지만 디버깅 하다보니... 보장되지 않는 이슈가 발생했습니다. 저희는 비동기 처리가 잘 되지 않았음을 파악했고... 비동기 처리를 정말 모르고 ..
![]()
개요SSAFY에서 프론트 수업을 한 지도 3일이 되었습니다. 같은 반 사람들의 코드리뷰를 해주면서 알게 된 공통적인 실수들을 모아보았습니다.사실 저도 이번에 알려주면서 새로 알게 된 부분들도 많답니다! 😂함께 체크해보아요! 1. HTML과 CSS의 역할 분리를 명확히 해주세요.HTML : HyperText Markup Language의 약자로, 웹 페이지의 구조와 콘텐츠를 정의하는데 사용CSS : Cascading Style Sheets의 약자로, 웹 페이지의 스타일을 정의하는 데 사용HTML은 구조와 콘텐츠 정의를 하는 데 사용되어야 합니다.이 말 뜻은, 태그 사용시 스타일을 고려하지 말고 콘텐츠에 집중하여야 한다는 말입니다. 가장 많이 하는 실수가, 중요하지는 않아도 디자인에서 글씨가 크다..
