HUFS Team 멤버들과 '페르소나'라는 사이트를 만들기로 했다. 영화. 드라마. 소설. 만화 같은 카테고리를 선택하고 자기가 원하는 작품을 선택해서 우리가 흔히 아는 mbti 테스트를 할 수 있는 사이트이다. 나는 Django로 백엔드를 담당하기로 했다. 지금까지 한 거라면, 노션과 slack을 이용해 협업 공간을 마련한 것. erd를 작성한 것. 화면 구성을 짠 것(이건 pm이 프로젝트 기획할 때 하셨다) 일단 백엔드 팀끼리 구글 스프레드시트를 이용해서 api 문서를 작성했고, 프론트 팀원과 pm과 피드백을 진행했다. api 에 대한 개념이 확실히 잡혀있지가 않아서 수정을 많이 했지만 그래도 api가 화면을 기준으로 나누는 거라는 게 이제 좀 와닿는다. 본격적으로 테이블 만들기전에 프로젝트 뼈대만 ..
이 글은 [파이썬 웹 프로그래밍](저자 김석훈, 출판사 한빛미디어) 교재를 보고 공부하며 정리한 글임. 4.1 Admin 사이트 꾸미기 장고의 Admin 기능 -> 데이터 관리가 쉽고 정돈된 룩앤필 Admin 를 통해 데이터의 CRUD 기능을 익혀보기 일단 runserver를 작동시킨다 웹브라우저를 통해 Admin 사이트에 접속해보자 (Admin 사이트가 죄다 깨져서 나와서 한참 오류를 구글링 했는데 DEBUG = False로 해두고 하면 그럴 수 있다고 해서 True 로 바꾸고 하니 다시 잘 나온다 참고 https://stackoverflow.com/questions/59688135/css-static-file-is-not-loading-in-django CSS static file is not loa..
이 글은 [리액트를 다루는 기술](저자 김민준, 출판사 길벗) 교재를 보고 공부하며 정리한 글임. 일단 html 파일에서는 이벤트를 실행하면 " " 사이에 있는 자바 스크립트를 실행하도록 함 Click Me 그럼 리액트 에서는? EventPractice.js import React, {Component}from 'react'; class EventPractice extends Component{ render(){ return ( 이벤트 연습 ); } } export default EventPractice; App.js import React from 'react'; import EventPractice from './EventPractice'; const App =() => { return ; }; ..
이 글은 [리액트를 다루는 기술](저자 김민준, 출판사 길벗) 교재를 보고 공부하며 정리한 글임. 전에 보았던 App 컴포넌트는 함수형 컴포넌트 컴포넌트를 선언하는 방식은 두가지 함수형 컴포넌트와 클래스 컴포넌트 차이점은 클래스형 컴포넌트의 경우 이후 배울 state 기능 및 라이프사이클 기능을 사용할 수 있다는 것과 임의 메서드를 정의할 수 있다는 것 클래스형 컴포넌트에서는 render 함수가 꼭 있어야 하고 그 안에서 보여줄 JSX 를 반환해야함 하지만 함수형 컴포넌트의 단점은 Hooks라는 기능이 도입되면서 해결되었음 이젠 함수형 컴포넌트와 Hooks를 사용하도록 권장함 첫 컴포넌트 생성 src에 MyComponent라는 js 파일 만들어 주고 import React from 'r..
이 글은 [리액트를 다루는 기술](저자 김민준, 출판사 길벗) 교재를 보고 공부하며 정리한 글임. 조건부 연산자(src/App.js) function App() { const name = '리액트'; return ( {name === '리액트'?( 리액트 입니다. ):( 리액트가 아닙니다. )} ); } export default App; AND 연산자(&&) 이용 import React from 'react'; function App() { const name = '리액트'; return ( {name === '리액트'&&리액트 입니다} ); } export default App; //name에 뭘쓰는지에 따라서 h1 내용이 나오고 말고가 결정됨 undefined를 렌더링하지 않기 import Reac..
Django에서 Model 을 정의하면 ORM을 통해 데이터 베이스와 소통할 수 있는 API를 제공함. API란? 데이터 베이스를 조작할때 사용했던 모든 명령어들 ex) .objects.all() #의 모든 데이터 Queryset 가져오기 .objects.get() Queryset 이란? Django Model 의 데이터가 담겨있는 목록 (파이썬의 리스트와 비슷한 형태) 데이터 베이스로부터 가져온 여러개의 model 데이터 Queryset을 반환하는 API 하나의 데이터 객체를 반환하는 API 그 외 API... 필드 조건 옵션 (Field Lookups) Queryset 연산을 할 때 사용할 수 있는 여러 필드 조건 옵션 필드명 뒤에 __을 쓰고 사용할 옵션 인자를 적어주자. (아래 문서 참고) htt..
render와 redirect는 Django에서 제공하는 shortcuts 함수임. render(request, template_name, context=None, content_type=None, status=None, using=None) 불러올 템플릿을 써주기 -> 화면에 html 띄우기 템플릿과 context를 결합하고 HttpResponse 객체를 반환 context는 딕셔너리형으로! (key : 템플릿에서 사용하는 변수, value : 변수) redirect(to, args, permanent=False, kwargs) ex) redirect('/blog/detail/1/') 어느 url로 이동할지 urls.py에 적었던 url pattern의 name을 많이 쓴다. 상대경로 절대경로 둘 다 ..
이 글은 [파이썬 웹 프로그래밍](저자 김석훈, 출판사 한빛미디어) 교재를 보고 공부하며 정리한 글임. 3.7 애플리케이션 개발하기 - View 및 Template 코딩 만들기로 했던 polls라는 애플리케이션에는 3개 페이지가 필요했다.3개의 페이지가 필요하므로 3개의 템플릿 파일이 필요하고 URL과 뷰는 4개씩 필요하다고 판단하고 설계한다. ->URL과 뷰는 1:1로 매핑(URLconf 라고 함. urls.py에 작성) 코딩 순서 URLconf 코딩 뷰/템플릿 코딩 3.7.1 URLconf 코딩 Admin 사이트가지해서 URL과 뷰가 5개 필요 path() 함수 route : URL 패턴 표현 문자열(URL 스트링) 필수 view : URL 스트링이 매칭되면 호출되는 뷰함수 필수 kwargs : 추가..
이 글은 [파이썬 웹 프로그래밍](저자 김석훈, 출판사 한빛미디어) 교재를 보고 공부하며 정리한 글임. 3.1 일반적인 특징 장고 : 현재 가장 많이 사용되는 파이썬 웹 프레임 워크 1. MVC(Model-View-Controller) 패턴 기반 MVT(Model-View-Template) View : Template Controller : View Model : 데이터베이스에 액세스하는 컴포넌트 View : 데이터를 가져오고 변형하는 컴포넌트 Template : 데이터를 사용자에게 보여주는 컴포넌트 2. 객체 관계 매핑 데이터 베이스 시스템 & 데이터 모델 클래스를 연결시키는 다리와 같은 역할 3. 자동으로 구성되는 관리자 화면 4. 우아한 URL 설계 5. 자체 템플릿 시스템 6. 캐시 시스템 7. ..
이 글은 [파이썬 웹 프로그래밍](저자 김석훈, 출판사 한빛미디어) 교재를 보고 공부하며 정리한 글임. 웹 프로그램은 클라이언트 + 서버 로 구성됨. 1.1 웹 프로그래밍이란? 웹 프로그래밍 : HTTP(S) 프로토콜로 통신하는, 클라이언트와 서버를 개발하는 것 웹 클라이언트와 서버를 같이 개발할 수도 있고 둘 중 하나만 개발할 수도 있다. 장고는 서버를 개발할때 쓰는 웹 프레임워크! ex) 네이버에 접속할때 웹 브라우저 = 웹 클라이언트 네이버 서버 = 웹 서버 즉, 웹 클라이언트 = 요청 웹 서버 = 응답 -> 동작! 웹 클라이언트는 다양하게 만들 수있다(아래 4가지). 웹 브라우저를 사용 리눅스 curl 명령 사용해 요청 Telnet을 사용하여 요청 직접 만든 클라이언트로 요청 1.2 다양한 웹 클..
