본문 바로가기

분류 전체보기256

chap 4. Django의 핵심 기능 4.1 Admin 사이트 꾸미기 장고의 Admin 사이트는 데이터를 쉽게 관리할 수 있도록 데이터의 생성, 조회, 변경, 삭제 등의 기능을 제공한다. 또한, 깔끔하게 정돈된 모습의 룩앤필 UI를 제공하며 취향에 맞게 꾸밀 수 있다. 장고 설치 디렉터리 확인 명령어는 아래와 같다. python -c "import django; print(django.__path__)" 4.2 장고 파이썬 셸로 데이터 조작하기 Admin 사이트의 장점 중 하나는 관리자가 UI 화면에서 데이터의 조회, 입력, 수정, 삭제 등의 기능을 제공한다는 점이다. 장고는 추가로 파이썬 셸을 이용해 데이터를 관리할 수 있는 API도 제공한다. 그래서 간단한 데이터 관리 또는 UI를 통해 데이터 모습을 확인할때는 주로 Admin 사이트를 .. 2024. 3. 18.

chap 4. 엘리먼트 렌더링 4.1 엘리먼트에 대해 알아보기 1. 엘리먼트의 정의 엘리먼트는 리액트 앱을 구성하는 가장 작은 블록들을 의미한다. 리액트 엘리먼트는 화면에서 보이는 것을 기술하며, 엘리먼트가 기술한 내용을 토대로 실제 화면에서 보게되는 DOM 엘리먼트가 만들어진다. 아래 JSX 예제코드를 살펴보자. const element = Hello world! element 변수에 값을 대입하는 코드가 실행되면, 리액트의 createElement() 함수를 사용하여 엘리먼트를 생성하게 된다. 이렇게 생성된 것이 리액트 엘리먼트이며, 리액트는 이 엘리먼트를 이용해 실제 화면에서 보게될 DOM 엘리먼트를 생성한다. 2. 엘리먼트의 생김새 리액트 엘리먼트는 컴포넌트 유형(ex. Button)과 속성(ex. color) 및 내부의 모든.. 2024. 3. 18.

chap 1. 리액트 소개 1.1 리액트는 무엇인가? 1. 리액트란? : 사용자와 웹사이트의 상호작용을 돕는 인터페이스를 만들기 위한 자바스크립트 라이브러리 * 라이브러리란, 특정 프로그래밍 언어에서 자주 사용되는 기능을 모아서 정리해놓은 모음집이다. * 사용자 인터페이스(UI)란 사용자와프로그램이 서로 상호작용을 하기 위해 중간에서 서로간에 입/출력을 제어하는 것이다.(ex. 버튼, 텍스트 입력창) UI를 만들기 위한 기능 모음집을 UI 라이브러리라고 하며, 리액트는 대표적인 자바스크립트 UI 라이브러리이다. - UI 라이브러리 예시 : React, 앵귤러JS, Vue.js 1.2 리액트의 장점 1. 빠른 업데이트와 렌더링 속도 리액트는 빠른 업데이트를 위해 Virtual DOM(가상의 DOM)을 이용한다. * DOM(Docum.. 2024. 3. 5.

chap 0. 준비하기 1. HTML 이란 무엇인가? HTML(하이퍼 텍스트 마크업 언어) : 웹 페이지를 구조화하고 콘텐츠를 표시하는 데 사용되는 표준 마크업 언어. 태그를 사용하여 문서의 구조를 정의한다. 태그는 시작 태그와 종료 태그로 구성되며, 문서의 제목, 본문, 이미지, 링크 등을 구분하고 위치를 지정한다. CSS와 JavaScript를 이용하여 문서의 디자인과 동작을 구현할 수 있다. CSS는 문서의 스타일을 정의하고, JavaScript는 문서의 동작을 제어한다. 웹 브라우저에서 해석되어 화면에 출력된다. 대부분의 웹 브라우저는 HTML을 지원하며, HTML로 작성된 문서는 웹 브라우저에서 정상적으로 표시된다. 다양한 버전이 있으며, 현재는 HTML5가 최신 버전이다. 2. 웹사이트의 뼈대를 구성하는 태그들 : .. 2024. 3. 5.

chap 3. Django 프레임워크 3.1. 장고의 특징 1. MVC 패턴 기반 MVT 장고는 MVC(Model-View-Controller) 패턴을 기반으로 한 프레임워크이다. 하지만 장고에서는 View를 Template, Controllere를 View라고 부른다. 그래서 장고를 MVT 프레임워크라고 부르며, 용어만 다를 뿐 그 개념은 MVC 패턴과 동일하다. Model : 데이터베이스에 엑세스하는 컴포넌트 View : 데이터를 가져오고 변형하는 컴포넌트 Template : 데이터를 사용자에게 보여주는 컴포넌트 2. 객체관계 매핑(ORM : Object-Relational Mapping) 장고의 객체 관계 매핑은 데이터베이스 시스템과 파이썬 클래스(모델)를 연결한다. ORM 기능을 통해 다양한 데이터베이스 시스템을 지원하며, SQL문장.. 2024. 2. 27.

git 이전 커밋으로 되돌리기 이전 커밋으로 되돌리기 1. reset을 이용한 커밋 되돌리기 "git reset --hard" 옵션으로 이전 커밋으로 되돌릴 수 있으나, 커밋 이후의 변경이력을 모두 삭제하므로 주의해야한다. 소스트리(reset) : 브랜치에서 원하는 히스토리를 선택 후 마우스우클릭 - [이 커밋까지 현재 브랜치를 초기화]-[HARD] 실행. 리셋 이후 push는 force 옵션을 통해 강제푸시를 수행해야한다. (git push --force) 다른 사람과 코드를 공유하는 경우에 reset을 사용하면, 이후 새로운 커밋을 push할때 충돌이 날 수 있으므로 권장하지않는다. 2. 브랜치를 만들어서 커밋 되돌리기 되돌릴 커밋을 대상으로 브랜치를 생성한 후 해당 브랜치로 체크아웃하여 변경사항을 수정한 뒤 커밋한다. reset.. 2024. 2. 26.

git 병합하기 (merge) 병합(merge) : 하나의 브랜치를 현재 브랜치(HEAD 브랜치)와 합치는 것. 병합 시 자주 발생하는 상황을 Learn Git Branching 앱을 통해 테스트해보자. https://learngitbranching.js.org/?locale=ko Case1. 헤드 브랜치에 변경사항이 없는 경우(fast-foward) 합치려고 하는 브랜치(version2)가 헤드 브랜치로부터 시작되며, version2 브랜치가 변경되는동안, 헤드 브랜치에는 전혀 갱신이 없는 경우. main 브랜치 -> version2 브랜치 생성 ( * 이 붙어있는 브랜치는 현재 작업중인 브랜치라는 의미. ) version2 브랜치에서 코드 수정 후 commit main 브랜치를 현재 브랜치로 설정 후 version2브랜치를 병합 .. 2024. 2. 26.

깃헙 소스트리 사용해보기 github 가입 github 저장소 생성 github 저장소 클론 내컴퓨터의 내 문서 아래에 생성된 프로젝트 디렉토리에서 파일 생성 및 작업 완료 커밋할 파일들을 선택하여 스테이지에 올리기(add) 커밋하기 (commit) 푸시하기 (push) github.com/내아이디/내프로젝트 링크를 통해 정상적으로 업로드 되어있는지 확인 git 이란? 형상관리시스템의 한 종류로, 주로 개발자들이 프로그램과 관련된 파일들을 저장하는데 사용한다. (원격 저장소) 게임의 세이브포인트와 유사하며, 언제든지 저장시점으로 되돌아갈 수 있다. 커밋 : 세이브포인트, 언제든지 커밋한 시점으로 되돌아갈 수 있다. 커밋을 하려면 저장을 원하는 파일을 묶어서 커밋 명령을 수행한다. 스테이지에 올린다 : 커밋하기 전에 저장을 원하는.. 2024. 2. 23.

CGI / WSGI / ASGI CGI(Common Gateway Interface) 사용자의 요청은 웹 서버에 있는 파일을 그대로 요청하는 정적 요청과, 요청 시점에 따라 응답 내용이 달라지는 동적 요청이 있다. 일반적으로 웹 서버는 미리 준비된 정보를 이용자의 요구에 응답하여 정적인 페이지를 보내는 기능을 수행한다. 동적 요청의 경우 별도의 애플리케이션에서 처리하는 것이 일반적이며, 웹 서버는 동적 요청을 애플리케이션으로 넘겨주고 그 결과를 받는 기능을 제공한다. 이 때 웹 서버가 다른 프로그램을 호출하고, 그 처리결과를 클라이언트에 송신할 수 있게 하기 위해 웹서버와 애플리케이션 간의 프로토콜(규약)을 정한 것이 CGI이다. 웹 서버는 Apache, NGINX 등 다양한 종류가 있고, 애플리케이션 역시 python, java, p.. 2024. 2. 21.

chap 02. CGI/WSGI 라이브러리 2.4 CGI/WSGI 라이브러리 파이썬에는 WSGI(Web Server Gateway Interface) 규격이 정의되어있으며, 파이썬 애플리케이션을 실행하는 웹 서버는 이 규격을 준수해야한다. WSGI는 웹 서버와 웹 애플리케이션을 연결하는 규격으로 장고와 같은 파이썬 웹 프레임워크를 개발하거나, 이런 웹 프레임워크를 아파치와 같은 웹서버와 연동할 때 사용한다. 파이썬 표준 라이브러리에는 CGI 규격을 위한 cgi 모듈과, 개선된 WSGI 규격을 구현하기위한 wsgiref 모듈이 함께 존재한다. 다만 wsgiref 모듈이 cgi모듈 기능을 포함하므로, 현재 cgi 모듈은 거의 사용되지 않는다. 2.4.1 CGI 관련 모듈 사용자의 요청은 웹 서버에 있는 파일을 그대로 요청하는 정적 요청과, 요청 시점.. 2024. 2. 20.

이전 1 2 3 4 ··· 26 다음

티스토리툴바