Github Pages Github Pages를 사용하면 Github의 레포지토리서 프로젝트에 대한 웹 사이트를 호스트 할 수 있게된다. 따라서 레포지토리 하나 당 하나의 페이지를 배포할 수 있다! 배포하는 법 1. gh-pages 설치하기 npm -i gh-pages 2. package.json에 추가하기 "homepage" : "https://{깃허브아이디}.github.io/{repo이름}" 3. package.json - scripts 추가하기 "deploy" : "gh-pages -d build", "predeploy" : "npm run build" 4. npm run deploy npm run deploy
🤢 SyntaxError: Cannot use import statement outside a module 에러가 떴을 때 1. package.json에 한 줄 추가 "type": "module" 2. babel을 사용하기 1. babel 설치하기 npm install --save-dev @babel/core npm install @babel/preset-env --save-dev 2. babel.config.json에 추가하기 { "presets": ["@babel/preset-env"] } 3. package.json script 변경하기 "scripts": { "dev": "babel-node server.js" },
ViewModel을 이용한 Fragment 간의 데이터 전송 방법 검색하다가 코틀린 코드만 나오고 자바는 잘 안나와서 너무 힘들었다 그래서 블로그에 기록해서 널리널리 퍼트리기 👽🌏👍 SEND SharedViewModel searchViewModel = new ViewModelProvider(requireActivity()).get(SharedViewModel.class); binding.allList.setOnItemClickListener(new AdapterView.OnItemClickListener() { @Override public void onItemClick(AdapterView adapterView, View view, int i, long l) { searchViewModel.sendMe..
🌏 월드 와이드 웹 (World Wide Web) WWW 월드 와이드 웹은 인터넷에 연결된 컴퓨터를 통해 사람들이 정보를 공유할 수 있는 전 세계적인 정보 공간을 의미한다. 우리는 간단히 Web이라고 부른다! 🌏 웹을 구성하는 3대 요소 URL(Uniform Resource Locator) URL은 웹에서 주어진 고유 리소스 주소로, 각각의 유효한 URL은 고유한 리소스를 가리킨다. HTTP(HyperText Transfer Protocol) HTTP는 웹을 통해 문서, 스타일시트, 스크립트, 이미지, 비디오, 글꼴 및 기타 리소스를 가져오고 웹 서버로 다시 보내기 위한 기본적인 인터넷 프로토콜이다. HTML HTML은 웹 페이지 표시를 위해 개발된 마크업 언어로, 문서의 특정 텍스트 영역이 문단인지 목..
협업을 할때나 개인 프로젝트를 진행할 때, 프론트엔드 폴더와 백엔드 폴더를 따로 두고 작업하는 경우가 많다. 이렇게 되면 프로그램을 실행시킬 때, 백엔드 서버를 먼저 실행시키고 프론트엔드 서버를 실행시켜 확인하는 작업이 필요하다. 사실 개발을 하면서는 크게 불편함을 느끼지는 않지만, 이것을 github-pages에 배포할때처럼 백엔드 서버를 따로 두지않고 배포를 할때에는 문제가 생기게 된다. 프론트앤드와 백엔드를 함께 실행시키는 방법은 다음과 같다. 1. 'concurrently' 설치하기 npm install concurrently --save 2. package.json- scripts 수정하기 before : "start": "react-scripts start", after : "start": "..
깃 페이지에 배포를 딱 하고 끄려는 그때 한번도 마주한 적 없었던 Error창과 눈이 마주치고 말앗다. 🔨해결방법 git commit --allow-empty -m 'rebuild' git push origin main 빈 커밋을 깃에 올려줌으로써 프로젝트 소스코드는 유지한 채로 깃에 트리거를 주는 역할을 한다고 한다. 쉽게 말해서 느슨해진 깃에 긴장감을 넣어주는 용도. 나와 같은 경우에는 이미 올려둔 레포지토리를 그냥 깃허브-페이지에 deploy했는데 이 과정에서 뭔가 꼬였던 것 같다. 암튼 불길한 창만 띄우던 나의 깃페이지는 push 이후에 pending 상태로 잠시 머물더니 active하게 동작되었다!
