HTML+CSS+자바스크립트 시작해보기

2023. 5. 9. 01:43·공부/개발
728x90

웹개발 공부먼저 해보면 좋다는 말을 들어서 책 아무거나 하나 빌려와서 따라 해봤다.
코딩만 따라 해도 웹페이지가 만들어지는 HTML+CSS+자바스크립트 - 반병헌 (생능북스)
위의 책을 학교 도서관에서 빌려온지 딱 7일 만에 다 따라 해볼 수 있었다.
책이 매우 친절해서 공부하는데 많은 도움이 되었다.


결과물

Strawberry Company (knhooo.github.io)

Strawberry Company

딸기 손질하기 손조심! Use this area to describe your project. Markdown supported. optional info list (delete if not using): Date: Client: Category: 닫기

knhooo.github.io

https://knhooo.github.io/instagram/

https://knhooo.github.io/instagram/

kna.oo_ 프로필 편집

knhooo.github.io

인스타그램 페이지 따라 만들기, 지킬 템플릿을 활용하여 웹페이지 만들기를 할 수 있었다.
인스타그램페이지는 프로필 변경이 가능하다.


배운 내용

지킬, 루비, 깃허브, VSCode를 시작하는 법부터
인스타그램 페이지를 따라 만들어보면서 
HTML, CSS, JavaScript의 기초적인 내용들을 배울 수 있었다.
그 외에도 깃허브 페이지 만드는 법, 수익 창출하는 법 등도 알게 되었다. 
 


힘들었던 점

/usr/local/bundle/gems/jekyll-3.9.2/lib/jekyll/theme.rb:84:in `rescue in gemspec': The jekyll-theme-chirpy theme could not be found. (Jekyll::Errors::MissingDependencyException)
지킬 템플릿으로 웹페이지를 만든 후 깃허브 페이지로 내보내려는데, 자꾸 위와 같은 오류가 떠서 페이지가 만들어지지 않았다.
열심히 구글링 하다가
posts/jekyll-chirpy/ · Issue #3 · focuschange/focuschange.github.io
위의 링크를 참고하여 몇 시간 만에 해결할 수 있었다. ㅠㅠ


앞으로..,

왠지 인강보다는 책이 공부하기 좋을 때가 있어서 앞으로도 공부해보고 싶은 분야의 책을 사거나 대출해서
쭉 따라 해보는 것도 좋을 것 같다.
지킬을 활용해서 웹페이지도 여러개 만들어보고
인스타그램페이지를 더 발전시켜보는것도 좋을것같다.
 html도 배웠으니 티스토리 꾸미기에도 도움이 될 것 같다. 
 
 

728x90

'공부 > 개발' 카테고리의 다른 글

간단한 모바일 게임 만들어보기  (0) 2023.05.11
'공부/개발' 카테고리의 다른 글
  • 간단한 모바일 게임 만들어보기
knhoo
knhoo
  • knhoo
    &*
    knhoo
  • 전체
    오늘
    어제
    • 전체 (143)
      • Unity 개발일지 (20)
        • [Unity2D]졸업프로젝트 (17)
        • [Unity3D]VR프로젝트 (2)
      • 공부 (118)
        • 게임 수학 (1)
        • 부트캠프 (12)
        • C++ (39)
        • Unity & C# (8)
        • 데이터베이스 (2)
        • 컴퓨터비전 (0)
        • 컴퓨터구조 (0)
        • python (7)
        • BAEKJOON (38)
        • 개발 (2)
        • 자료구조 (9)
      • 일상 (2)
  • 블로그 메뉴

    • Github
    • 홈
    • 태그
    • 방명록
  • 링크

  • 공지사항

    • 📖README
  • 인기 글

  • 태그

    캐시워크
    티스토리챌린지
    til
    앱테크
    오블완
    머니워크
    Python
    구간합
    패널파워
    백준 #python
    멋쟁이사자처럼후기
    백준
    비트버니
    unity
    자료구조
    C++
    c#
    야핏무브
    unity2d
    Cpp
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
knhoo
HTML+CSS+자바스크립트 시작해보기
상단으로

티스토리툴바