HAZEL

Chapter 03 : Sequence : 요소가 연속적으로 나열되어있는 자료형 - 자료가 담겨있는 갯수 1 ) 컨테이너 형 ( container ) : 서로 다른 자료형을 담는다. ex, list, tuple , collections.deque 2 ) 플랫형 ( flat ) : 단일 자료형만 담는다. 한개의 자료형 ex, str, bytes , bytearray , array.array , memoryview - 가변형 / 불변형 1 ) 가변형 : list, bytearray , array.array , memoryview , deque 2 ) 불변형 : tuple, str , bytes 1. List : 수정가능한, 자료형 chars = 'abcdefg' list1 = [] for s in chars..

여기서 사용하는 이미지 출처는 모두, 모든 개발자를 위한 HTTP 웹 기본 지식 인프런 수업의 이미지 입니다. 더보기 https://www.inflearn.com/course/http-%EC%9B%B9-%EB%84%A4%ED%8A%B8%EC%9B%8C%ED%81%AC 01 . URI ( Uniform Resource Identifier ) : 리소스를 식별하는 통합된 방법 : URI( 자원을 식별하는 것 )에는 로케이터 ( Locator ) , 이름 ( Name ) 두가지가 있다. 또는 둘다 추가로 분류될 수 있다. : 이름을 부여하면, 결국은 찾기가 힘들어진다. 그래서 거의 url 만 사용한다. 1. URI 의미 Uniform : 리소스 식별하는 통일된 방식 Resource : 자원 , URI로 식별할..

여기서 사용하는 이미지 출처는 모두, 모든 개발자를 위한 HTTP 웹 기본 지식 인프런 수업의 이미지 입니다. 더보기 https://www.inflearn.com/course/http-%EC%9B%B9-%EB%84%A4%ED%8A%B8%EC%9B%8C%ED%81%AC 01. 인터넷 통신 인터넷에서 컴퓨터는 어떻게 통신할까 ? 만약, 클라이언트와 서버가 바로 옆에 있다면 케이블로 바로 연결 가능! 그러나, 클라이언트와 서버가 멀리 있다면?! → 인터넷 망을 통해서 메시지를 보내야한다! → 그러나 인터넷 망은 굉장히 복잡하다. 수많은 노드들이 존재하고, 그걸 뚫고 넘어가야한다. → 어떻게 뚫고 넘어가야하는지를 이해하려면, IP ( 인터넷 프로토콜 ) 에 대해서 이해해야 한다! 02. IP( 인터넷 프로토콜 ..

FastCampus 파이썬 웹 개발 올인원 패키지 Online. 강의 중, Framework Flask 기초 part 를 듣고 정리한 글입니다. 1. 모델 만들기 : 컨트롤러 부분과 모델부분의 코드를 분리 시켜주어야 한다. 컨트롤러 부분에서 from models import db 를 하면, models 에서 만들어준 db를 불러 올 수 있다. app.py import os from flask import Flask from flask import render_template from models import db app = Flask(__name__) @app.route('/register') def register(): return render_template('register.html') @app.r..

FastCampus 파이썬 웹 개발 올인원 패키지 Online. 강의 중, Framework Flask 기초 part 를 듣고 정리한 글입니다. 1. 프레임 워크란? : 자주 사용되는 코드를 체계화하여 쉽게 사용할 수 있도록 도와주는 코드 집합 : 라이브러리와 혼동 될 수 있지만, 좀 더 규모가 크고 프로젝트의 기반이 됨. 따라서, 쉽게 바꿀수 없는 단점이 있음. 2. Flask 실행 하기 : Flask 는 마이크로 프레임워크라고 불리며, 조금 가벼운 프레임워크라고 불린다. : Flak는 MVC 패턴을 직접 제공하지는 않지만, Flask를 이용해서도 MVC 패턴을 이용해서 만들 수도 있다. 작은 프로젝트를 만들때는, 굳이 사용하지 않아도된다. 환경 설정을 하고 나서, Flask 라이브러리를 설치한 다음,..

FastCampus 파이썬 웹 개발 올인원 패키지 Online. 강의 중, Advanced part 를 듣고 정리한 글입니다. Chapter 02 : Data Model 1. 튜플 vs 네임드 튜플 01. 튜플 : 리스트와 다르게 변하지 않는 자료형을 말한다. 따라서, 리스트보다 속도가 더 빠르다. pt1 = (1.0 , 5.0) pt2 = tuple(2.5 , 1.5) 02. 네임드 튜플 : 네임드 튜플은 튜플과 마찬가지로, 변하지 않는 성질을 가지고 있다. 뿐만 아니라, 인덱스를 통한 접근과 키 값을 통한 접근 모두 가능하다. 아래의 예시와 같이, 클래스처럼 튜플을 사용할 수 있다. - 실제로, 타입을 찍어보면 클래스 형태로 되어있다. # 네임드 튜플 사용 from collections import ..

이전 작성 글 더보기 2021.07.03 - [분류 전체보기] - [ React 01 ] React 설치 및 시작 , JSX 문법 , State 2021.07.04 - [분류 전체보기] - [ React 02 ] React Component 문법, 반복문 - Map, for, Props, input을 받아서 데이터처리, 옛날에 react 사용법 2021.07.05 - [PROGRAMMING/React] - [ React 03 ] 부트스트랩 & React 쓰기, import / export 문법, Component 화 , 반복문 map 2021.07.06 - [PROGRAMMING/React] - [ React 04 ] 라우트, Link, Switch, history ,URL 파라미터, styled-com..

이전 작성 글 더보기 2021.07.03 - [분류 전체보기] - [ React 01 ] React 설치 및 시작 , JSX 문법 , State 2021.07.04 - [분류 전체보기] - [ React 02 ] React Component 문법, 반복문 - Map, for, Props, input을 받아서 데이터처리, 옛날에 react 사용법 2021.07.05 - [분류 전체보기] - [ React 03 ] 부트스트랩 & React 쓰기, import / export 문법, Component 화 , 반복문 map 1. 라우트 초기 셋팅 법 1. 터미널에 npm install react-router-dom 설치 2. index.js 에 Router를 import 해주기 - APP에 Router 태그를 ..

1. 부트스트랩 & React 쓰기 : 부트스트랩은 css 를 편하게 해주는 아이다. React 에서 사용할 때는, 그냥 부트스트랩 홈페이지가 아닌, React 부트스트랩 홈페이지에 들어가야한다. https://react-bootstrap.github.io/ React-Bootstrap The most popular front-end framework, rebuilt for React. react-bootstrap.github.io 이곳에서 get start 를 누르면 사용할 수 있는 방법이 나온다. 1. terminal 창에서 , npm install react-bootstrap bootstrap@4.6.0 을 입력해준다. 2. css link 를 index.html 에 넣어준다. 3. css에서 필요..

1. Modal 창 만들기 - React Component 문법 : HTML을 한 단어로 줄여서 쓸 수 있는 방법 1) Component - Component 만드는 법 1. 함수를 만들고 이름을 짓는다. 2. 축약을 원하는 HTML을 넣는다. 3. 원하는 곳에서 을 적는다. .... ); } // 컨포넌트 만들기 function Modal(){ return( 제목 날씨 상세 내용 ) } - 컴포넌트 만들때의 주의사항. 1. 대문자로 시작해서 만든다. 소문자는 사용하지 않는다. 2. return() 안에 있는 것은 태그를 하나로 묶어야한다. 여러개의 태그가 나열되서는 안된다. - 만약 reuturn() 내부를 묶을 때 의미없는 div 를 사용하기 싫으면 를 사용한다. 3. 만드는 위치는 function ..