본문 바로가기

Category

 (130)
[Django] 템플릿 상속 및 css 파일 적용하기(feat. 내비게이션 바) 지난 멋사 세션에서 게시판을 만들고 귀찮은 마음에 css작업은 미뤄뒀던 나... 내비게이션 바를 만들어서 상속을 해볼까 하던 차에 템플릿 상속이랑 css 파일 적용 개념이 엉망진창인걸 깨달았다. 이번 글은 2시간 동안 싸우면서 배운 템플릿 상속 및 css 파일 적용 정리 글이다. 1. 장고 프로젝트 및 앱 만들기 toy_project라는 이름으로 프로젝트를 만들고 그 안에 main앱을 만들었다. * 여기까지의 자세한 과정은 지난 글 참고 2. 템플릿 상속 1) 프로젝트 폴더에 base.html 만들기 프로젝트 이름 로그인 회원가입 {% block content %} {% endblock %} 모든 페이지에 적용될 네비게이션 바를 구현하기 위해 base.html을 만들었다. * 이때 base.html은 부..
[멋쟁이 사자처럼] Django로 블로그 만들기3 (댓글 쓰기) 지난 이야기🌿 7주 차에는 장고(Django)에서 CRUD기능을 구현했다. 8주 차(2021.05.17-2021.05.20) 8주 차에는 프로젝트에 새 앱을 만들어 회원가입, 로그인, 로그아웃 기능을 만들었다. 그리고 모델에 Comment 클래스를 추가해 댓글 기능을 추가했다. ForeignKey 댓글 기능을 알기 전 ForeignKey에 대해 알아보자. ForeignKey(외래키)란 테이블 필드 중에서 다른 테이블의 행과 식별할 수 있는 키를 의미한다. => 테이블과 테이블을 연결하기 위해 사용하는 키 ForeignKey는 model간의 1:N 관계를 나타낼 때 사용한다(게시글과 댓글 관계). 1:N 중에서 N인 쪽 관계를 선언하며, 두 개의 인자를 필요로 한다(대상이 되는 클래스 및 삭제 설정). 장..
[멋쟁이 사자처럼] Django로 블로그 만들기2 (회원가입, 로그인, 로그아웃) 지난 이야기🌿 7주 차에는 장고(Django)에서 CRUD기능을 구현했다. 8주 차(2021.05.17-2021.05.20) 8주 차에는 프로젝트에 새 앱을 만들어 회원가입, 로그인, 로그아웃 기능을 만들었다. 그리고 모델에 Comment 클래스를 추가해 댓글 기능을 추가했다. 이번 포스팅에서는 회원가입, 로그인, 로그아웃 기능을 만들어보자. 1. 새로운 앱 만들기 유저 관련 기능을 담당할 새로운 앱 accounts를 만들었다. 기능별로 앱을 만들면 유지 보수하기 좋다. $ python manage.py startapp accounts 앱을 만든 후에는 꼭 프로젝트 폴더 settings.py에 아래와 같이 등록해주자. #settings.py INSTALLED_APPS = [ 'django.contrib...
[멋쟁이 사자처럼] Django로 블로그 만들기(CRUD 기능 구현하기) 지난 이야기🌿 6주 차에는 장고(Django)를 시작했다. 7주 차(2021.05.10-2021.05.13) 7주 차에는 지난 세션에 이어서 장고에 대해 배웠다. blog라는 이름의 프로젝트를 만들고 CRUD 기능을 구현했다. * CRUD는 대부분의 컴퓨터 소프트웨어가 가지는 기본적인 데이터 처리 기능인 Create(생성), Read(읽기), Update(갱신), Delete(삭제)를 묶어서 일컫는 말이다.(출처 위키백과) 장고로 블로그 만들기 제목과 내용을 넣을 수 있는 글쓰기 기능 구현 글을 쓰면 제목과 내용, 작성일로 글 생성 글 수정 및 삭제 기능 구현 1. 장고 프로젝트와 앱 생성하기 1) 가상환경 만들고 프로젝트와 앱 생성하기 $ python -m venv myven#가상환경 생성 $ . my..
[멋쟁이 사자처럼] 장고 시작하기(단어 수 세기 예제✔) 지난 이야기🌿 5주 차에는 아이디에이션을 진행했다. 6주 차(2021.05.03-2021.05.06) 6주 차에는 장고(Django) 세션이 있었다. 장고에 대해 간단히 배우고 단어 수 세기 예제를 통해 직접 앱을 만들어보았다. Django란 무엇인가? 파이썬으로 작성된 오픈 소스 웹 애플리케이션 프레임워크다. 여기서 프레임워크는 기능을 수행(예) 로그인, 회원가입 등) 하기 위해 잘 설계된 코드를 말한다. 이 코드를 활용하면 웹사이트 내에서 자주 쓰이는 기능을 빠르게 만들 수 있다. 월요일 월요일 세션에서는 VScode를 사용해 다음과 같은 단계로 실습을 진행했다. * 본 포스팅은 윈도우를 기준으로 한다. 파이썬 버전 확인 - 가상환경 설정 - 장고 설치 - 프로젝트 만들기 - 앱 만들기 - 웹 서버 ..
[멋쟁이 사자처럼] 멋사 9기 아이디에이션(feat. 예비 집사를 위한 웹사이트😺) 지난 이야기🌿 2주 차 세션에서는 HTML과 CSS로 자기소개 웹페이지를 만들고 깃허브로 배포했다. 5주 차(2021.04.26-2021.04.29) 2주간의 중간고사 기간을 끝내고 돌아온 5주 차. 5주 차에는 각자의 아이디어로 웹사이트를 만들고 서로 이야기하는 아이디에이션을 진행했다. * Ideation (creative process): Ideation is the creative process of generating, developing, and communicating new ideas, where an idea is understood as a basic element of thought that can be either visual, concrete, or abstract(출처 위키피디아)..
[멋쟁이 사자처럼] HTML과 CSS로 자기소개 웹페이지 만들기 지난 이야기🌿 1주 차 세션에는 비주얼 스튜디오 코드(VS Code)와 깃을 다 함께 설치했다. 2주 차 (2021.04.05 - 2021.04.09) 1) 화요일 2주 차부터 본격적으로 HTML과 CSS에 대해 배우고 코드를 따라 작성하며 웹페이지를 만들었다. HTML: HyperText Markup Language의 약자로 웹페이지를 만드는 데 사용하는 언어이다. 미리 정의된 태그와 속성을 사용한다. CSS: Cascading Style Sheets의 약자로 HTML 요소들이 각종 미디어에서 어떻게 보이는가를 정의하는 스타일 시트 언어다. 멋사 운영진(회장님👍)을 따라 하면서 만든 첫 웹페이지 결과물을 보자. 약간 머쓱하지만 코드는 다음과 같다. 첫번째 p 두번째 p 세번째 p 바깥의 p태그 원하는 ..
멋쟁이 사자처럼 9기 합격후기 (서류/면접/포트폴리오) 제목에서처럼 멋쟁이 사자처럼 9기에 합격했다! 사실 지원까지 한참을 망설였다. 4학년이라는게 자꾸 마음에 걸렸기 때문이다. 1학기가 끝나면 뭐라도 해야 할 것 같은 조급함 때문에 대외활동을, 그것도 1년 동안이나 할 때인가 싶었다. 그런데 마감날이 다가올수록 마음이 복잡해졌다. 프로그래밍에 관심을 가지게 된 순간부터 눈여겨보던 활동이었다. 3학년 때까지 부지런히 학교를 다닌 덕에 시간표는 널널했고, 무엇보다도 비전공자인 나에게는 같이 프로그래밍에 대해 이야기할 사람들이 필요했다. 그래서 지원하기로 마음먹었다. 무려 마감 이틀 전에🤦‍♂️ 1. 서류준비 나는 부경대학교에 재학 중이고 부산지역 대학생의 경우 부산대 멋쟁이 사자처럼에 지원하게 되어 있다. 학교별로 지원서의 질문이 조금씩 다른데 부산대 멋사에서..

티스토리툴바