React

1. 소개 tailwindCSS 환경에서 반응형 웹 개발 효율을 높이기 위해 아래와 같은 함수를 만들었다. parseResponsiveMarginX([2,4,6,8,10]) 같은 방식으로 함수를 호출한 후, 리턴값을 className에 첨부하여 사용해보았다. 하지만, 레이아웃은 제대로 동작하지 않았다. 정확히는 정상과 비정상 상태를 불규칙하게 오갔다....

babel에 대한 소개, 개발 및 운영서버에 따른 babel 활용법의 차이, 컴파일 실습

1. 소개 빠른 프론트엔드 개발 환경을 만들어주는 빌드 툴이다. Webpack, Parcel, Rollup 같은 도구와 비슷한 역할을 하지만, 훨씬 빠른 개발 서버 속도와 빌드 성능을 제공하는것으로 알려져있다. 특히, ES Module 방식으로 로드하기 때문에 아래와 같은 장점을 지닌다. 새로고침 속도가 빠름 빌드속도가 짧음 사용하지 않는 코드를 번...

vite 개발 서버를 가동한 후, 동일한 와이파이를 사용하는 스마트폰으로 접속을 시도해보았다. 가령, http://192.168.219.102:8080/ 라는 주소를 직접 입력했지만, 페이지를 찾을 수 없다는 경고문만 출력될 뿐이었다. 우선 개발서버가 가동된 p