Programming/ETC28

• 

  내가 만든 페이지를 web server에 띄우고 싶을 때, 'serve' npm에서 serve에 대해 검색하면 (영어로) 'serve는 정적 사이트, SPA 혹은 단순 정적 파일(내 디바이스에 있든 로컬 네트워크에 있든)을 serve 하는 것을 도와준다. 또, 디렉토리의 콘텐츠를 깔끔하게 보여주는 인터페이스를 제공한다'고 한다. 우선 global로 설치하고, serve라는 명령어로 실행할 수 있다. serve Static file serving and directory listing. Latest version: 14.1.2, last published: a month ago. Start using serve in your project by running `npm i serve`. There are 657 other projects in the npm registry usi.. Programming/ETC 2022. 12. 20.

• Web Assembly https://tech.kakao.com/2021/05/17/frontend-growth-08/ FE개발자의 성장 스토리 08 : WebAssembly 개발기 안녕하세요, FE플랫폼팀에서 전사 에디터 및 웹 사진 편집기를 개발하고 있는 sky입니다. 기존 사진 편집기 성능 개선을 위한 방법으로 Web Assembly를 조사하게 되었습니다. Web Assembly를 사용해 본 tech.kakao.com Programming/ETC 2022. 12. 19.

• 

  Vite의 환경 변수와 모드 Vite로 빌드된 웹 프로젝트를 실행 후 로그인을 시도했는데 404 not found 에러가 나왔다. 원인은 .env 파일에 있어야 할 VITE_API_URL이 없었기 때문이다. 그래서 .env 파일을 생성해주고, VITE_API_URL을 입력해주었다. 그런데 Vite는 환경 변수를 import.meta.env 객체를 활용하여 관리하기 때문에, 어려운 부분은 아니지만 공식 문서를 잠시 정리해봤다. https://vitejs-kr.github.io/guide/env-and-mode.html Vite Vite, 차세대 프런트엔드 개발 툴 vitejs-kr.github.io Vite가 환경 변수를 관리하는 법 Vite는 import.meta.env 객체를 이용해 환경 변수에 접근할 수 있도록 하고 있으며, 아.. Programming/ETC 2022. 12. 12.

• polyfill이란? https://velog.io/@katanazero86/polyfill%ED%8F%B4%EB%A6%AC%ED%95%84-%EC%9D%B4%EB%9E%80 polyfill(폴리필) 이란? polyfill 이란 ? velog.io Programming/ETC 2022. 12. 8.

• 

  [buck] 빌드 툴 buck https://h2s1880.medium.com/buck%EC%9C%BC%EB%A1%9C-ios%EC%95%B1-%EB%B9%8C%EB%93%9C%ED%95%B4%EB%B3%B4%EC%9E%90-d811ad541416 Buck으로 iOS앱 빌드해보자! **ck이 아니라 Buck입니다. 물론 작업하다보면 **ck 될 수도 .. h2s1880.medium.com Programming/ETC 2022. 12. 8.

• [Browser] 브라우저의 동작 원리 https://wormwlrm.github.io/2021/03/27/How-browsers-work.html 프론트엔드 개발자라면 알고 있어야 할 브라우저의 동작 과정 - 재그지그의 개발 블로그 브라우저에서 어떤 과정을 통해 렌더링이 실행되는지에 대해 알아봅니다. wormwlrm.github.io Programming/ETC 2022. 11. 13.

• 브라우저의 동작 원리 https://d2.naver.com/helloworld/59361 Programming/ETC 2022. 11. 8.