장고+부트스트랩 파이썬 웹 개발의 정석 - 1

FitYourEarPlug 개발을 위해 공부한 책 내용 정리입니다. 제가 모르는 부분만 적었어요. 1장. 왜 이 책을 읽어야 하나요? 2장. 웹 개발 준비하기 3장. 웹 프런트엔드 기초 다지기 4장. 부트스트랩 적용하기 5장. 장고의 역할 이해하기 6장. 장고 프로젝트 만들기 7장. 장고 프로젝트에서 앱 개발하기 HTML html에서 사용하는 기능은 태그를 의미하고 속성은 태그안의 속성을 의미. 스타일은 태그 개별로 속성을 설정할 수도 있고, 태그 자체에 설정할 수도 있음. 하나의 웹사이트를 만드는 경우 일관된 디자인을 적용할 텐데 하나의 html 파일 내에서는 태그에 스타일을 설정하면 되지만 파일이 여러개인 경우는 스타일을 복사, 붙여넣기 해가며 관리하는 것은 비효율적이다. 그래서 CSS를 사용한다. CSS는 웹 문선의 디자인을 구현하기 위한 언어이다. CSS 하나만 관리하면 웹사이트 전체 디자인을 제어할 수 있다. 1 2 <hr/> - 수평선 태그 <span> - 별 기능 없음, div와 비슷 부트스트랩 웹 개발에 사용되는 구성요소들을 미리 디자인 해놓은 툴킷 템플릿을 다운 받은 후 index.html 등의 소스코드를 복사하여 필요한 기능을 가져다 쓰면 된다. 다양한 컴포넌트 등을 검색하하여 복붙해서 쓰면 된다. CDN(Contents Delivery Network) 장고 동작 구조 (출처 https://lazy-cloud.tistory.com/95) MTV(Model, Template, View) 패턴 대문 페이지 = Landing Page 모델 변경하면 Migration 해줘야함

6월 10, 2022 · Jaejin Jang

gh-pages 검색 엔진(크롤러)에게 노출시키기 (feat. robots.txt)

robots.txt 현재 저의 gh-pages는 even 테마를 submodule로 관리하고 있고, 빌드시에 생성되는 public 폴더를 deploy하는 구조로 되어 있습니다. 테마의 default robots.txt를 사용하게 되는데 기본 robots.txt에는 아래와 같이 Allow 설정이 없습니다. 1 2 User-agent: * Sitemap: https://jaejin0me.github.io/sitemap.xml 저것때문인지 최근에 올린 글들이 검색엔진에 인덱싱이 안되는거 같아 Allow를 추가한 robots.txt를 만들고 GitAction 스크립트를 수정하여 복사하여 사용하도록 했습니다. 1 2 3 User-agent: * Allow: / Sitemap: https://jaejin0me.github.io/sitemap.xml 1 2 3 4 5 6 7 8 9 10 - name: Build run: hugo --minify + - name: Copy robots.txt + run: | + cp -f ./robots.txt ./public/robots.txt + - name: Deploy uses: peaceiris/actions-gh-pages@v3 if: github.ref == 'refs/heads/master' 링크에 들어가 보시면 Allow가 추가된걸 확인할 수 있습니다. https://jaejin0me.github.io/robots.txt 조회수 좀 늘었으면 좋겠네요ㅎㅎ Go 3 우분투에서 LTE 잡는거 꿀팁인데 진짜..

6월 10, 2022 · Jaejin Jang

앱/웹사이트 개발 계획

남는 시간을 활용해 앱/웹사이트를 개발해보려고 합니다. 개인적으로 세웠던 인생의 큰 목표중에 하나가 개인적인 서비스를 운영하면서 Fun and Profit을 갖는거 였는데, 이번 기회에 서비스 1탄을 한 번 내보려고 합니다. ...

5월 29, 2022 · Jaejin Jang

서피스 고3 우분투에서 LTE 잡기

이번에 서피스 고3 LTE 를 구매했습니다. 우분투 22.04 LTS 버전을 추가로 설치하여 듀얼부팅으로 사용하고 있는데요. LTE 연결할 때 사용자가 확인해줘야할 부분이 있어서 공유차 포스팅합니다. ...

5월 21, 2022 · Jaejin Jang

몰입! 자바스크립트 - 29장 자바스크립트 활용

이력 2022.03.25 5절까지 포스팅 2022.03.26 7절 제외하고 11절까지 포스팅 ​모든 내용을 상세히 담으려 하지 않았습니다. 제가 모르는 부분이나, “이런 것도 있었어?” 하는 부분, 중요하다고 생각되는 부분, 다시 한번 되새기고 싶은 부분만 기록했습니다. 와.. 드디어 마지막 장이네요. 긴 여정이 끝났습니다. 고생한 나 자신에게 박수~! 읽어주셔서 감사합니다. ...

3월 25, 2022 · Jaejin Jang

몰입! 자바스크립트 - 28장 자바스크립트 객체 지향 프로그래밍

이력 2022.03.22 6절까지 포스팅 2022.03.24 10절까지 포스팅 ​모든 내용을 상세히 담으려 하지 않았습니다. 제가 모르는 부분이나, “이런 것도 있었어?” 하는 부분, 중요하다고 생각되는 부분, 다시 한번 되새기고 싶은 부분만 기록했습니다. 읽어주셔서 감사합니다. ...

3월 22, 2022 · Jaejin Jang

몰입! 자바스크립트 - 27장 this 바인딩 오브젝트

이력 2022.03.19 8절까지 포스팅 2022.03.20 15절까지 포스팅 ​모든 내용을 상세히 담으려 하지 않았습니다. 제가 모르는 부분이나, “이런 것도 있었어?” 하는 부분, 중요하다고 생각되는 부분, 다시 한번 되새기고 싶은 부분만 기록했습니다. 읽어주셔서 감사합니다. ...

3월 19, 2022 · Jaejin Jang

몰입! 자바스크립트 - 26장 Function 인스턴스

이력 2022.03.16 1절 포스팅 2022.03.16 6절 까지 포스팅 2022.03.18 14절 까지 포스팅 ​모든 내용을 상세히 담으려 하지 않았습니다. 제가 모르는 부분이나, “이런 것도 있었어?” 하는 부분, 중요하다고 생각되는 부분, 다시 한번 되새기고 싶은 부분만 기록했습니다. 읽어주셔서 감사합니다. ...

3월 16, 2022 · Jaejin Jang

몰입! 자바스크립트 - 25장 실행 컨텍스트

이력 2022.03.14 포스팅 2022.03.15 수정 2022.03.16 수정 ​모든 내용을 상세히 담으려 하지 않았습니다. 제가 모르는 부분이나, “이런 것도 있었어?” 하는 부분, 중요하다고 생각되는 부분, 다시 한번 되새기고 싶은 부분만 기록했습니다. 읽어주셔서 감사합니다. ...

3월 14, 2022 · Jaejin Jang

몰입! 자바스크립트 - 22장 아규먼트 오브젝트

이력 2022.03.03 포스팅 2022.03.09 그림 추가 ​모든 내용을 상세히 담으려 하지 않았습니다. 제가 모르는 부분이나, “이런 것도 있었어?” 하는 부분, 중요하다고 생각되는 부분, 다시 한번 되새기고 싶은 부분만 기록했습니다. 읽어주셔서 감사합니다. ...

3월 3, 2022 · Jaejin Jang