dev_eun

코테는 c++로만 이용해서 보다가 js 코테도 요즘 많이 생겨나고 있는 것 같아서 언제든 볼 수 있게 준비한다. 아주 많이 참고한 사이트 JavaScript로 만나는 세상 | JavaScript로 만나는 세상 처음 시작하는 사람들을 위한 JavaScript 교재 helloworldjavascript.net 수 연산은 동일 +, -, *, /, %, ++, --, +=, -= object, array, function 등 참조형 변수들은 const로 선언해주는 게 맞다! 변수 선언 const var_const;// 재할당 X, 하지만 참조형 변수 array, function, object에는 사용 let var_let;// 재할당 O var var_var;// 재할당 O, 호이스팅때문에 요즘은 잘 안쓴다고..

현재 gatsby로 github.io를 생성하여 개발 중입니다. 그런데 push 할 때마다 빌드하고 배포하는 것이 번거러워 찾아보니 Github Action으로 CI를 만드는 것이 있더라구요! 바로 적용을 해보았습니다. 먼저 보통 github page의 url은 제 페이지처럼 https://eun-seong.github.io/TIL/ 이렇게 생겼을 것입니다. 혹은 뒤에 repository 이름이 없는 username.github.io로만 구성이 되어 있기도 합니다. 1. gatsby-config.js 파일 수정 저처럼 url 뒤에 repo 이름이 붙는 페이지는 개츠비 프로젝트의 gatsby-config.js 파일에 pathPrefix를 추가로 설정을 해주어야 합니다. 형식은 pathPrefix: '/re..

열심히 블로그를 만들고 있었는데, footer가 컨텐츠의 길이에 맞춰 위로 올라오는 것이 보기 좋지 않았다. 구글링을 해보니 wrapper의 flex를 설정하는 글이 많아 시도했지만, 문제가 해결되지 않았다. Header Contents Footer * { margin: 0; padding: 0; box-sizing: border-box; } html, body { height: 100%; } #wrap { text-align: center; display: flex; flex-direction: column; height: 100%; } header { width: 100%; height: 60px; background: #ddd; } main { } footer { width: 100%; height..

로컬에서 실행할 때는 정상적으로 작동되었지만, deploy 후 github.io에서 실행했을 때 css가 정상적으로 작동하지 않는 상황이 발생했다. - 해결 내가 styled-components 만 add 해놓고, gatsby-plugin-styled-components 를 add 하지 않았다. $ yarn add gatsby-plugin-styled-components