이롭게 현명하게

목차 Git Pages리액트 Git Pages깃허브를 이용한 웹 호스팅  웹 개발 포트폴리오를 만들면서 포트폴리오에 적용해서 보이고 싶었다.깃에 웹 호스팅이가능하다는것은 알고 있었다.알고 있는 것을 바탕으로 호스팅을 하니  index.html을 찾지 못해 404 Page(File) not found를 보게 되었다.index.html은 있지만 찾아보니 리액트의 폴더구조에서 index.html을 찾지 못한 것이 이유였다.그래서 npm build를 사용해주어야 한다. [Git Pages] 깃허브에서 새로운 레퍼지토리(repository)를 만든다. 이때 리퍼지토리 이름은 깃아이디.github.io로 입력한다.※ 이때 깃아이디가 아닌 다른 이름을 넣게 되면 호스팅이 제대로 되지 않는다.※ 그러니 꼭!! 깃 아이..

※ 리액트로 만든 프로젝트 호스팅 하는 방법 / Git Pages 만드는 방법[바로가기] ※ 본 포스팅에서의 프로젝트는 html, css, js로 만든 프로젝트 기준입니다. 자바스크립트로 토이프로젝트를 진행 후 웹을 호스팅 하고 싶었다.하지만 간단한 토이프로젝트를 카페24를 통해 비용을 지불하면서까지는 호스팅 하고 싶지는 않았다.그러다 깃에서도 호스팅이 가능하다는것을 알게 되었다.이때 깃 리퍼지토리의 공개설정은 public 이여야 하며 파일명은 index.html 이여야 한다.html 파일 명 : index.html공개설정 : public  호스팅 할 리퍼지토리에서 Settings를 클릭   pages클릭 branch를 master로 변경 후 save 클  https://dev-yihyun.github...

깃허브를 사용하다 공개로 해두었던 리포지토리를 비공개로 바꾸고 싶어 졌다. 공개/비공개로 바꾸고 싶은 repository에서 settings 클릭  아래로 스크롤을 내려 Danger Zone을 확인한다.  Danger Zone에서 Change repository visibility의 Change visibility를 클릭 Change to private 클릭 I want to make this repository private 클릭 I have read and understand these effects 클릭 Make this repository private 클릭 password 입 repository가 public에서 private로 바뀐 것을 확인할 수 있다.    잘못된 정보는 댓글에 남겨주시면 ..

키보드 자판에 물결표시에 있는 키를 사용한다. ` ` 억음 부호를 사용한다. function A(name){ console.log('Hello, ' + name + '!'); } function B(name){ console.log(`Hello, ${name}`!); } A('JISOO'); B('JISOO'); [JavaScript] 자바스크립트 화살표 함수 화살표 함수를 사용하기 위해서는 let이나 const로 시작한다. const 함수명 = (매개변수) => { //실행할 문장 } // 화살표 함수를 사용하기 위해서는 let이나 const로 시작한다. // example const add = (a,b) =>{ ret devyihyun.tistory.com 잘못된 정보는 댓글에 남겨주시면 감사하겠습니..

목차 var, let, const란?var 특징let 특징const 특징var를 사용하면 안 되는 이유   varletconst중복선언가능금지금지재할당가능가능금지스코프함수 레벨 스코프블록 레벨 스코프블록 레벨 스코프선언/ 초기화 단계선언단계 + 초기화 단계선언단계선언단계 var, let, const 마다 호이스팅이 다르다. 호이스팅과 스코프에 대한 설명은 아래 게시글을 참고하자! https://devyihyun.tistory.com/131 [JavaScript] 자바스크립트 Scope와 hoisting목차 scope 이해하기hoistingvar의 호이스팅let의 호이스팅호이스팅을 피해야 하는 이유   [scope 이해하기]scope : 변수, 함수를 선언할 때 해당 변수 또는 함수가 사용할 수 있는 범위..

목차 px , % em , rem vw , vh vmin , vmax [px , %] px : 해상도에 따른 상대단위 화면에 정확한 픽셀 단위로 절대적으로 고정하는 개념이다. % : 부모 요소의 가로사이즈영향을 받는다. 부모 요소의 영향을 받아서 단위가 완성이 되는것이다. [em , rem] css의 상속과 관련있으며 자식들에게 영향이 가게된다. em : 자기 자신의 폰트 사이즈 크기의 영향을 받는다. font-size가 10px인 width : 600px;를 em으로 변경한다면 width : 60em이다. 부모 font-size가 10px일 때 자식 font-size : 2em 이란 부모 폰트 사이즈의 2배이다.20px의 크기를 가진다. 조상에서부터 영향을 받아오기때문에 유지보수가 힘들다. rem : ..