ilsancityboy

지난 글에서 HTML , JS , CSS 에 대해서 간단하게 알아보았다. 이번 글에서는 HTML 문서를 간단하게 작성해보고 대략적인 구조를 알아볼 것이다. HMTL 문서의 기본적인 구성이다. 제목1 이것은 단락입니다. : html5 문서임을 정의한다. ( html5 - html 의 다섯번째 버전으로 최신버전) - HTML 문서의 시작과 끝을 알린다. 모든 HTML 요소는 태그 안에 있어야한다. 제목입니다. 안녕하세요 연습중입니다. HTML 삽입 미리보기할 수 없는 소스

웹 페이지는 크게 세가지 기본 구조로 이루어져 있다. 로그인 페이지를 예시로 들어보겠다. 1. HTML - 페이지의 기본 구조를 담당한다. 뼈대라고 생각하면 된다. 로그인 페이지에서 아이디와 비밀번호를 입력 받아주는 폼이나 로그인 버튼등 꼭 필요한 기본적인 기능들을 담당한다. 웹 페이지에서 로그인 버튼을 누르면 로그인 페이지로 이동시켜줄때 해당 로그인 페이지 링크를 제시를 해주고 js가 html에서 제시한 링크로 이동시켜준다. 2. JS (javascript) - 웹 페이지에서 이루어지는 동작들을 담당한다. 사용자가 아이디와 비밀번호를 입력하고 로그인 버튼을 눌렀을때 해당 정보를 서버의 데이터베이스와 대조해 일치한지 확인하고 맞으면 로그인 성공 페이지를 제시해주는 역할 등 기본적으로 동작을 필요로 할때 ..

앞서 글에서 설명한대로 웹 프레임워크인 플라스크 (Flask) 를 사용하여 웹 사이트를 띄워주는 코드를 해석해보자. pip install flask 먼저 플라스크를 사용하기 위해 별도로 설치를 해준다. # 코드 완성본 from flask import Flask app = Flask(__name__) @app.route('/') def hello(): return 'Hello, World!' if __name__ == '__main__': app.run(host='0.0.0.0', port=8080) 그후에 메인 코드에서 플라스크를 import 시켜주고 플라스크 (flask) 클래스의 인스터를 생성하여 app 변수에 저장한다. 그후에 라우트를 설정한다. 즉 , 클라이언트에서 / 경로로 요청을 보내면 hel..

Flask (플라스크) 는 앞서 배웠던 random이나 datetime처럼 라이브러리 형태이다. 알아야 할 것은 Flask 는 웹 프레임워크로, 라이브러리 형태로 제공된다는 점이다. 웹 프레임워크? 웹 프레임 워크는 웹 애플리케이션 개발을 위해 사용되는 소프트웨어 도구 모음이다. 웹 프레임 워크는 개발자들이 웹 애플리케이션을 더 쉽고 효율적으로 구축할 수 있도록 도와준다. 주로 다음과 같은 기능들을 제공한다. ● 라우팅(Routing) 라우팅은 URL 경로를 함수 또는 핸들러와 연결시켜주는 것. 즉 , 클라이언트에게서 특정 URL 요청이 들어왔을때 해당 경로를 처리하는 기능 EX : http://0.0.0.0:8080/homepage http://0.0.0.0:8080 / homepage /homepag..

2주차 과제 - 1. 파이썬 이해하기.- https://wikidocs.net/book/2 왕초보를 위한 Python: 쉽게 풀어 쓴 기초 문법과 실습 프로그래밍을 한 번도 해본 적이 없는 분들을 위해, 파이썬을 통해 처음으로 프로그래밍을 시작하도록 도와드립니다. ### 목차 0 [머리말](/145) 1 … wikidocs.net 사이트 참고하여 [2.제어구조] 까지 확인. 2. 드림핵 가입 3. 그누보드란? 3. 그누보드란? 그누보드는 정신 공유를 나타내는 "GNU" 와 게시판을 나타내는 "BOARD" 가 합쳐진 말 그누보드는 웹에서 게시글 , 회원정보 등을 편리하게 관리하는 게시판 프로그램이다. 오픈된 소스 코드를 바탕으로 다양한 기능 (플러그인) 을 추가하기 쉽게 제작되어 있다. - 공부후 따로 내..

2주차 과제 - 1. 파이썬 이해하기.- https://wikidocs.net/book/2 왕초보를 위한 Python: 쉽게 풀어 쓴 기초 문법과 실습 프로그래밍을 한 번도 해본 적이 없는 분들을 위해, 파이썬을 통해 처음으로 프로그래밍을 시작하도록 도와드립니다. ### 목차 0 [머리말](/145) 1 … wikidocs.net 사이트 참고하여 [2.제어구조] 까지 확인. 2. 드림핵 가입 3. 그누보드란? -드림핵 가입- https://dreamhack.io/ 해킹과 보안에 대한 공부를 하고 싶은 학생, 안전한 코드를 작성하고 싶은 개발자, 보안 지식과 실력을 업그레이드 시키고 싶은 보안 전문가까지 함께 공부하고 연습하며 지식을 나누고 실력 향상을 할 수 있는 공간 해커들의 놀이터, Dreamhack..

2주차 과제 - 1. 파이썬 이해하기.- https://wikidocs.net/book/2 왕초보를 위한 Python: 쉽게 풀어 쓴 기초 문법과 실습 프로그래밍을 한 번도 해본 적이 없는 분들을 위해, 파이썬을 통해 처음으로 프로그래밍을 시작하도록 도와드립니다. ### 목차 0 [머리말](/145) 1 … wikidocs.net 사이트 참고하여 [2.제어구조] 까지 확인. 2. 드림핵 가입 3. 그누보드란? 1. 파이썬 이해하기. -파이썬 맛보기 - - 웹 브라우저에서 파이썬 이용하는 법 파이썬 공식 홈페이지: http://python.org 또는, 파이썬 튜터(http://pythontutor.com/)나 ideone(https://ideone.com/) 같은 웹사이트에서도 파이썬 코드를 작성하고 실..