Programming/ETC29

• 

  'export default function', 왜 쓰는 걸까? SSAFY에서 개발하면서 import하기 편리하다는 이유로 항상 default로 export해왔다. curly braces를 쓰지 않고 이름만 적어주면 import할 수 있기 때문이다. 코드를 덜 쳐도 되기 때문에 안 쓸 이유가 없었다. 하지만 정말 그 이유밖에 없을까? 문득 궁금해 관련 내용을 정리해 봤다. export란 export는 모듈을 내보내고 가져오기 위한 지시자다. 변수나 함수, 클래스를 선언할 때 맨 앞에 'export'만 붙이면 내보내기가 가능하다. + 대부분의 스타일 가이드는 export clas나 function 뒤에 세미콜론을 붙이지 말라고 권고하고 있다. 또, 선언부와 export가 떨어져 있어도 내보내기를 할 수 있다. // 📁 say.js function sayHi(user) .. Programming/ETC 2022. 12. 21.

• 

  내가 만든 페이지를 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.