전체 글6 [FE] React 프로젝트에 Pretendard 프리텐다드 설치 https://cactus.tistory.com/306 PretendardPretendard 프리텐다드 Pretendard 프리텐다드 글꼴 다운로드 일본어 버전 다운로드 GitHub에서 보기 system-ui를 대체하는 글꼴 Apple의 system-ui가 익숙한 나로서는 San Francisco와 Apple SD 산돌고딕 Neo가 없는cactus.tistory.com다운로드 후 variable 속 PretendardVariable.ttfpublic 속 font 폴더 생성 후 ttf 파일 옮기기 App.css (OR jsx) 에 @font-face { font-family: 'Pretendard-Regular'; src: url('https://fastly.jsdelivr.net/gh/Proj.. 2025. 3. 19. [FE] 프론트엔드 클라이언트 배포 비교 프론트엔드 배포를 할 때 AWS EC2, Vercel, Netlify를 비교해보자. Vercel : https://vercel.com/ Vercel: Build and deploy the best web experiences with the Frontend Cloud – VercelVercel's Frontend Cloud gives developers the frameworks, workflows, and infrastructure to build a faster, more personalized web.vercel.comNetlify : https://www.netlify.com/ Scale & Ship Faster with a Composable Web Architecture | NetlifyRea.. 2025. 3. 15. [Git] 새 맥북에 git 설치 아무것도 깔리지 않는 맥북에 git을 설치하는 방법(프로도가 올라가 있는) 터미널을 켜준다.터미널에 git을 친다소프트웨어를 깔라고함 => 깔아줌 당연히 실제로 10분 안 걸림 !!설치가 완료된 뒤에 git을 다시 치면 git 명령어들 설명이 나옵니다.vscode를 켜주면 이렇게 바뀜 (원래는 깃을 설치하라는 문구가 있었음) GOOD 참고자료 : https://git-scm.com/book/ko/v2/%EC%8B%9C%EC%9E%91%ED%95%98%EA%B8%B0-Git-%EC%84%A4%EC%B9%98 2025. 3. 6. 버라이즌 e심 한달 무료 사용하기 https://www.verizon.com/plans/free-trial Verizon Free Trial: Try our network for 30 days free.Try Verizon's 5G network free for 30 days and compare network performance. Keep your current phone number and carrier service during your trial.www.verizon.com 2024. 12. 21. [Data analysis] 애플 ios 건강 앱의 수면 데이터, 코랩(colab)으로 분석하기 I. 건강앱에서 데이터 다운로드 받기1. 아이폰 건강 앱에 들어가 프로필 사진을 누른다.2. "모든 건강 데이터 내보내기" 을 누른다.- 큰 데이터인 만큼 꽤 시간이 걸린다.3. "내보내기.zip" 파일이 생긴다.4. 압축 해제하면 "apple_health_export" 명의 파일로 압축 해제됨II. 다운받은 데이터 코랩에 넣기그 중 내보내기.xml 파일명을 colab에 넣을 예정이다.(내 설정이 한국어로 되어있어서 한국어인듯 하나, 원래 명은 export.xml이라고 한다.)코랩의 좌측 폴더 버튼에서 파일을 업로드한다.- 내보내기.xml만 넣으면 됩니다!III. 코랩으로 데이터 csv 로 변환하기import xml.etree.ElementTree as ETimport pandas as pd# XML 파.. 2024. 12. 9. [FE] React(리액트) 라우팅과 Next.js 파일 기반 라우팅의 비교 React와 Next.js의 파일 기반 라우팅은 몇 가지 공통점과 차이점이 있습니다. React는 자체적으로 파일 기반 라우팅을 제공하지 않기 때문에, react-router-dom 같은 라우팅 라이브러리를 사용하여 경로를 수동으로 설정해야 하는 반면, Next.js는 기본적으로 파일 기반 라우팅을 제공하여, 파일 구조가 곧 라우팅 구조로 작동합니다. 이 두 가지 방식을 비교해 보겠습니다.1. React에서의 라우팅 (react-router-dom)React는 파일 기반 라우팅이 기본적으로 제공되지 않으며, 별도의 라우팅 라이브러리인 react-router-dom을 사용하여 경로를 설정해야 합니다.설정 방식1. 수동 라우팅 설정: 개발자가 직접 `Route` 컴포넌트를 사용해 경로를 지정하고, 각 경로에.. 2024. 10. 5. 이전 1 다음
