HTML(1) - 기본 구조

HTML의 개념을 잡았으니 자세히 알아보자! 개념이 궁금하시면 이전 글을 추천드립니다! HTML이란?(개념 이해) 개발자 농담 중엔 이런 글이 있다. A: 어떤 걸로 코딩하는 걸 좋아하세요? B: 저는 HTML로 코딩하는 걸 좋아합니다! A: 아.. 네.. 이 이야기가 농담인 이유는 HTML은 코딩 언어가 아니라 Markup언어이기 l1m3kun.tistory.com 기본 구조 1. html 2. head 3. body html 문서 최상위(root) 태그 "여기는 HTML이야! " 라고 말해주는 태그 head 문서 제목, 인코딩, 스타일, 외부 파일 로딩 등 메타데이터 요소를 포함하는 태그 예시 body 문서의 본문 내용(글, 그림, 입력창, 버튼 등등) 실제 화면 구성과 관련된 내용

  • format_list_bulleted WEB/HTML
  • · 2023. 3. 19.
  • textsms
HTML이란?(개념 이해)

HTML이란?(개념 이해)

개발자 농담 중엔 이런 글이 있다. A: 어떤 걸로 코딩하는 걸 좋아하세요? B: 저는 HTML로 코딩하는 걸 좋아합니다! A: 아.. 네.. 이 이야기가 농담인 이유는 HTML은 코딩 언어가 아니라 Markup언어이기 때문이다. 그럼 HTML이란 무엇일까? HTML - Hyper Text Markup Language의 약자 - 웹 페이지를 작성(구조화)하기 위한 언어 - `.html` 확장자 사용 Hyper Text? 참조(하이퍼 링크)를 통해 사용자가 한 문서에서 다른 문서로 즉시 접근할 수 있는 텍스트 다시 말하면, 여러 페이지를 한 페이지 안에서 연결할 수 있는 글씨! Markup Language? 태그 등을 이용하여 문서나 데이터의 구조를 명시하는 언어 ex - HTML, Markdown, ....

  • format_list_bulleted WEB/HTML
  • · 2023. 3. 19.
  • textsms

가상환경(Virtual Workspace)

한 번에 하나의 Project만 진행하면 더할 나위 없겠지만, 현실은 2~3개의 project를 수행할 수 있어야 한다. 근데, 만약 Project들이 요구하는 버전이 달라지면 어떡하지..? 우리에게는 가상환경이 있어! 가상 환경 위와 같은 상황에서는 Project를 바꿀 때마다 내부환경을 계속 바꿔야 프로그램에서 오류가 나지 않는다. 하지만 매번 바꾸는 건 너무 비효율적이다. 이럴 땐 가상환경을 써보자 Python 가상환경 사용하기 기본적으로 Python 은 설치되어 있다고 가정하고 진행한다. (python 설치: https://www.python.org/) python을 설치할 때 pip 설치를 체크하여 설치해야 편해진다. 이건 구글링하기 또한 가상환경은 bash(cmd) 환경에서 진행한다. # 생성..

  • format_list_bulleted WEB/Django
  • · 2023. 3. 14.
  • textsms
Client & Server

Client & Server

Django를 배우기 전에 기초를 다지자! 오늘날 우리가 사용하는 대부분의 웹 서비스는 Client-Server 구조를 기반으로 동작한다. Client Server - 웹 사용자의 인터넷에 연결된 장치 - Chrome 또는 Firefox와 같은 웹 브라우저 - 서비스를 요청하는 주체 - 웹 페이지, 사이트 또는 앱을 저장하는 컴퓨터 - Cilent가 웹 페이지에 접근하려고 할 때 서버에서 클라이언트 컴퓨터로 웹 페이지 데이터를 응답해 사용자의 웹 브라우저에 표시됨 - 요청에 대해 서비스를 응답하는 주체 너무 어려우니 쉽게 예시를 들어보자 비유! - 고깃집 절대 먹고싶어서 예시로 든겁니다 ㅎ 1. 가게에 들어서면 점원이 주문을 받기 위해 우리에게 온다. 2. 먹고 싶은 고기를 선택해서 주문을 한다. 3. ..

  • format_list_bulleted WEB/Django
  • · 2023. 3. 14.
  • textsms

Python 백엔드? 프론트엔드? Django!

Python 을 접해본 사람이라면 Django에 대해 들어본 적 있을 것이다. 하지만 Framework는 Flask도 있고 다른 언어로도 많이 쓰이는데 왜 우리는 Django를 써야할까? 왜 하필 Django? Python으로 작성된 프레임워크! 그래서? 라고 말할 수 있겠지만, 다른 FrameWork 중에는 언어를 새로 배워야하는 경우도 있다. 하지만 원래 Python을 하던 사람이라면 새로운 언어를 배우지 않아도 되는 이점을 얻을 수 있다. 수많은 유용한 기능 너무 많으니까 공식문서를 둘러보자! https://docs.djangoproject.com/ko/4.1/ 검증된 웹 프레임워크 화해, Toss, 두나무, 당근 마켓, 요기요 등 이미 여러 중견이상 기업들에서 사용하는 만큼 안정적으로 서비스를 할..

  • format_list_bulleted WEB/Django
  • · 2023. 3. 14.
  • textsms

Framework? 라이브러리?

Framework란? 서비스 개발에 필요한 기능들을 미리 구현해서 모아 놓은 것, 혹은 복잡한 문제를 해결하거나 서술하는데 사용되는 기본 개념 구조 장점 단점 - 개발 속도 UP! - 반복성 DOWN! - 협업에 용이 - 사용법에 의한 선택의 폭이 좁아짐 - Learing Curve(학습시간) 존재 라이브러리란? 소프트웨어를 개발할 때 컴퓨터 프로그램이 사용하는 비휘발성 자원의 모임 출처: 위키백과 장점 단점 - 이식성 Good! - 안정적 - 수정하기 어려움 - 실행 파일의 크기 커짐 - 사용하지 않는 함수들까지 전부 프로그램에 포함 그럼 둘의 차이는 뭘까? 차이는 바로 흐름! 라이브러리 흐름(코드의 방향성)을 개발자가 지정 프레임워크 흐름(코드의 방향성)이 정해져 있음 간단하게 생각하면, 라이브러리는..

  • format_list_bulleted WEB/Django
  • · 2023. 3. 14.
  • textsms
반응형