Jieunny의 블로그

📣 나만의 아고라스테이츠(리액트 리팩토링) 웹앱 번들링 후 배포하기 📚 참고 : https://velog.io/@seul_/%EB%A6%AC%EC%95%A1%ED%8A%B8-%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%EC%9C%BC%EB%A1%9C-CRA%EC%97%86%EC%9D%B4-%EB%A6%AC%EC%95%A1%ED%8A%B8-%EA%B0%9C%EB%B0%9C%ED%99%98%EA%B2%BD-%EA%B5%AC%EC%B6%95 🚨 냅다 따라하다가 뭐 잘못만졌는지 리액드 앱 자체가 안켜져서 새 플젝 만들었다.. 서버랑 연결 어떻게 하는건데.. 𝟭. 개발환경 초기화 npm i ..

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