![]()
바닐라 JS - netlify에서 API 키 이용하는 방법 netlify에서 html, css, vanilla javascript만 배포를 한다면 Build command를 사용해야 한다. node를 사용 한다면 굳이 이 방법이 아닌 .env를 활용합시다. api key를 github에 올리지 않으며 netlify에서 사용하는 방법 현재 나의 폴더 구조는 이렇다. apikey.js라는 곳에 //apikey.js const config = { apikey: '12341231234' }; 이렇게 작성되어 있는 상태다. 이것을 깃허브 저장소에 올리지 않았기 때문에 당연히 사이트에서 키값 사용이 불가능하다. 이것을 가능하게 해주는 방법이 있는데 Build command를 사용할 수 있다. Build comman..
![]()
✔ 개요 https://nomadcoders.co/twitter-contest 2주 트위터 클론코딩 컨테스트 – 노마드 코더 Nomad Coders 노마드 컨테스트 nomadcoders.co X 그대로 클론 코딩하기보다 동물들을 보며 자랑 및 힐링하는 트위터 X를 만들고 싶었다. + 이번 기회에 react, typescript, firebase 모두 친해지기 ✔ 콘셉트 동물 자랑 사이트 자신이 키우는 또는 좋아하는 동물, 캐릭터 애니 등 자랑하고 아끼는 모습을 보여주며 서로 힐링하는 사이트. - 최종 배포 URL https://inthezoo-f1fc8.web.app/ In The Zoo inthezoo-f1fc8.web.app - github code URL https://github.com/namoo..
![]()
자기소개 취업준비 중인 상태 사소한 것 모두 놓치지 않으려 하는 꼼꼼함이 있다. 메인 페이지 와이어프레임 사진 포인트 컬러 / 로고 / 기타 구현하고 싶은 사항 로고 : 추 후 수정 포인트 컬러 : 갈색(#8B3513), 연갈색(#F5BF82), (#D9BCA9) 사용 예정 폰트 컬러 : #000, #666 기타 구현하고 싶은 사항 반응형, 여러 api 사용, 검색 기능, 콘텐츠 추가, 새로고침시 추천 및 랜덤 콘텐츠 보여주기 고민. 공유하고 싶은 팁 React, Next.js 모두 이번 계기로 좀 더 친숙해지고 싶다.
![]()
유리구슬 만들기 코드 url : https://github.com/namoong0917/GlassBead GitHub - namoong0917/GlassBead: Three로 유리구슬 만들기 / Making glass bead with Three Three로 유리구슬 만들기 / Making glass bead with Three. Contribute to namoong0917/GlassBead development by creating an account on GitHub. github.com 완성 화면 url : https://glassbead.netlify.app Study-Three glassbead.netlify.app 생각보다 시간이 걸렸다..
![]()
순수 html, js, css로 이루어진 파일을 배포하고 싶은데 검색해 보니 package.json 을 이용하는 경우가 상당히 많았다. package.json 없이 이용하는 방법을 정리했다. root 폴더에 index.html이 없이 다른 이름으로 html이 있는 상태, 프레임 워크를 사용 하지 않는 상태로 배포 방법입니다. (package.json X) 이미 배포한 상태이며 index.html 이 없어서 불러오지 못할 경우 1번만 보기 1. root 폴더에 netlify.toml 를 생성 ( root 는 최상단을 말합니다. ) netlify.toml 파일을 만들고 내부에 [[redirects]] from = "/*" to = "/[생성한 파일 이름].html" status = 200 이것은 특정 페이지..
