Netlify html 배포하기 - package.json 추가

오늘은 친구에게 선물로 줄 개인 웹사이트를 만들었다.

최근에 인프런에서 1분코딩의 'CSS Flex&Grid'강의를 듣고 있어서 응용 겸 시작해봤다. (사진은 바꿀 예정!)

 

생각과 고민이 많은 친구라서

고민거리를 하나씩 적어서 나한테 보내놓으면

웹사이트에 '오늘의 고민'을 모아주기로 했다.

 

고민도 모아보면 종류가 있을 것이고,

지금 당장 커 보이는 고민도 일주일, 한달, 일년이 지나면 생각보다 중요하지 않은 고민이었을 수도 있다.

 

그냥 친구가 고민을 붙잡고 있지 않고 머릿속에서 금방 떠나 보낼 수 있게 도와주고 싶었다.

원래는 애니메이션도 넣고 더 화려하게 하고 싶었지만,,일단 시작은 심플하게 하자.

 

초안으로 카드형태 반응형 웹사이트를 만들었고, 기본 틀을 잡아서 netlify 로 배포했다.

배포하면서 html 이라 그런지 index.html 을 베이스로 못찾아서 배포는 됐는데 page not found 에러가 떴다.

 

처음에 src/ 폴더가 없어서 그런줄 알고 폴더를 추가해서 나머지 파일을 담았다. 이걸로는 해결이 안됐다.

결국  package.json 을 추가했더니 해결됐다. 

{
    "name":"hmm-hmm",
    "scripts": {
        "start" : "index.html"
    }
}

 

 

https://hmm-hmm.netlify.com/