Jieunny의 블로그

➰ 95일차 하루종일 타입스크립트랑 싸우기.. 분명 강의는 2시간 반 정도 되는데 커리큘럼 시간 다 써도 이해가 안된다 🥹🥹🥹🥹🥹🥹🥹🥹🥹🥹🥹🥹🥹 뭔가 기초도 다 못 뗐는데 심화과정 하는 느낌이라 그래야되나 오늘 하루종일 자습이라 그런지 집중도 잘 안되고 시간도 안가는 것 같고..졸리구... 다시 정신차리고 공부하ㅈ ㅏ.. 그래도 내일은 페어활동 있으니까 강제로라도 하게되곘지!!

📣 나만의 아고라스테이츠 번들링 하기 📚 참고 : https://velog.io/@seul_/%EA%B0%84%EB%8B%A8%ED%95%9C-%EC%9B%B9%EC%95%B1-%EB%B2%88%EB%93%A4%EB%A7%81-%ED%9B%84-%EB%B0%B0%ED%8F%AC%EC%9B%B9%ED%8C%A9-%EA%B8%B0%EC%B4%88-%ED%8A%9C%ED%86%A0%EB%A6%AC%EC%96%BC 서버는 어떻게 연결하지.. 얘는 서버 안켜도 데이터가 그대로 뜨는데 왜 React로 한건 안되는거지..!! 𝟭. 현재 디렉토리에 npm 설치하기 npm init -y ➰ package.json 파일 생성 𝟮. 웹팩 설치하기 npm install -D webpack webpack-cli 𝟯. Webp..

너무 어려워서 블로깅 어떻게 해야할지 모르곘다.. 일단 완벽히 이해하는 건 포기하고 따라 치면서 흐름만이라도 이해하려고 노력했다ㅠㅠ 내가 이해할 수 있는 언어로 주석을 작성하려고 나름대로 적었지만, 코드가 길어지면서 힘들어졌다...🥹 간단한 프로젝트라매..쉽다매..ㅠㅠㅠㅠㅠㅠㅠ 이번 강의 들으면서 느낀것 🚨 컴파일이 되고 있는지 항상 확인하자.. 🚨 에러가 나면 오타가 없는지 항상 확인하자.. 📣 ts 코드 📌 app.ts // Drag & Drop interface // 한 박스에서 다른 박스로 프로젝트 항목 옮기기 interface Draggable { // 드래그에 관한 이벤트 리스너를 가지고 있음. dragStartHandler(event: DragEvent): void; dragEndHandle..

📣 번들링이란? 𝟭. 번들의 정의 ✔️ 사용자에게 웹 애프리케이션을 제공하기 위한 파일 묶음 ➰ 사용자가 브라우저를 열고 주소를 입력하면, 해당 주소에서 프론트엔드 개발자가 번들링한 여러 파일을 받는다. ➰ 이 파일을 브라우저가 실행하여 멋진 웹 애플리케이션을 사용자에게 제공하게 된다. 𝟮. 번들링의 필요성 ✔️ 아래와 같은 경우가 발생했을 경우를 대비할 필요가 있다. ➰ 두 개의 .js 파일에서 같은 변수를 사용하고 있어 변수 간 충돌이 일어났다. ➰ 딱 한 번 불러오는 프레임워크 코드가 8MB라서, 인터넷 속도가 느린 국가의 모바일 환경에서 사용자가 불편을 호소한다. ➰ 번들 파일 사이즈를 줄이기 위해서 파일의 공백을 모두 지웠는데, 가독성이 너무 떨어져서 코딩하기가 어렵다. 결국 그대로 공백을 되돌..

➰ 92일차 와..! 금요일..! 오늘 페어활동 하고, 스터디도 하느라 바빴다.. 타입스크립트 너ㅓ어ㅓㅇ무 어렵다ㅜ.. 일단 듣고는 있는데 이해가 하나도 안되서 스터디 하는 날 물어봐야지.. 이번주는 너무 피곤하고..어지럽고..바쁜 일주일이었다🥹

📣 반응형 웹 구현하기✔️ 클론 페이지 : http://www.csszengarden.com/CSS Zen Garden: The Beauty of CSS DesignSo What is This About? There is a continuing need to show the power of CSS. The Zen Garden aims to excite, inspire, and encourage participation. To begin, view some of the existing designs in the list. Clicking on any one will load the style sheet into thiwww.csszengarden.com➰ 페어분이 미리 찾아주셔서 클론하기로 했당 ➰ 큰 화..