![]()
문제 Github build failed : theme could not be found. jekyll 테마를 github.io 폴더에 옮겨 놓고 커밋을 하니 Some chekcs were not successful이 떴다. Details를 눌러 들어가봤다. 에러메시지 github-pages 228 | Error: The jekyll-agency theme could not be found. theme를 찾을 수 없다고 했다. 에러 해결 1-1. 본인이 생성한 github.io repository에 들어간다. Settings → Pages → Build and deployment에서 select박스 클릭 후 GitHub Actions 클릭 바로 밑에 Jekyll이 나오는데 Configure 클릭 맨 오른..
![]()
먼저 적용 전후를 보자 확실히 아이콘이 들어가져있는데 깔끔하고 페이지의 특색을 살릴 수 있다. 1. 본인의 ico 파일을 준비한다. 사이즈가 작기 때문에 ico 파일로 변환해주면 좋다.일반적으로 이미지 파일의 크기보다 ico 파일의 크기가 작기 때문이다.(어차피 크게 보지 않으니) 2. 준비한 ico파일을 프로젝트 폴더에 넣어준다. 전체적인 코드 구조 3. 사이에 코드를 적어주면 된다. : HTML 문서에서 외부 리소스를 연결하는 태그rel="shortcut icon" : 파비콘을 나타내는 속성. 웹 브라우저에서 웹 사이트 탭이나 북마크에 표시되는 작은 아이콘을 지정하는 것이다. type="image/x-icon" : 연결된 파일의 타입을 명시한다. 필자는 ic..
![]()
Github 블로그는 Github Page, Jekyll(지킬), Ruby(루비)가 필수이다. 1. Jekyll 테마 고르기 http://jekyllthemes.org/ Jekyll Themes jekyllthemes.org 위 페이지에 들어가 마음에 드는 테마를 고른다. http://jekyllthemes.org/themes/agency/ Agency This is the Agency Bootstrap theme converted to a gem-based Jekyll theme with GitHub Pages support. While this had been done before, (here, here, and here), these are outdated and have not been updat..
![]()
포트폴리오를 만들기 위해서 github.io 페이지를 만들어 보려고 한다. 1. Github Page 생성 본인의 Github 계정으로 접속 후, 새로운 repository를 생성한다. new repository 생성하고 Repository name에 (username).github.io를 입력한다. Public, Add a README file을 클릭한 뒤, Create repository를 눌러준다. 생성한 repository로 이동한 뒤, Settings → Pages에 들어가면 page 주소가 생긴다. 저 사이트가 만들어지기까지 몇 분 정도 걸리니까 안 떠도 걱정하지 말고 5~10분 후 다시 들어가면 된다. 2. Github Desktop과 VSCode 설치 Add → Clone repositor..
![]()
Vue는 무엇인가?MVVM 패턴의 뷰모델(ViewModel) 레이어에 해당하는 화면(View)단 라이브러리이다. View브라우저에서 사용자에게 비쳐지는 화면이다. 입력박스, 버튼 등이 view에 해당하고,html은 dom을 이용해서 javascript로 조작을 할 수 있게끔 구성이 되어 있다. Vue 특정 사용자가 키보드를 입력하거나 마우스를 클릭하면 이벤트가 발생하게 된다.그 이벤트를 중간에 view에서 dom listeners로 청취하게 된다.그런 이벤트를잡아서 javascript에 있는 데이터를 갖고와 주거나 혹은 이 javascript에 지정했던 특정 로직에서 실행하게 된다. 그래서 javascript 데이터가 변했을 때는 data Bindings를 하게되는데 만약, 문자열이 바뀌거나 숫자가 ..
![]()
Chrome, Visual Studio Code, Node.js, Vue.js devtools(chrome 확장 프로그램) 설치하기. Visual Studio 플러그인 설치총 4개를 설치해야한다.vetur 설치Materal Icon Theme 설치Night Owl 설치Live Server 설치 Vetur 설치 Materal Icon Theme 설치 Night Owl 설치 Live Server 설치 그 외로 추가하면 좋은 것들 Visual Studio 플러그인 적용하기File > Preferences > Theme > File Icon Theme 클릭을 하면 위와 같이 보이는데 Material Icon Theme로 설정해주기 Theme > Color Theme 클..
