본문 바로가기

분류 전체보기395

Visual Studio Code 프로그램 사용하기 VSCode (Visual Studio Code)는 최근 인기를 얻은 IDE(Integrated development environment)로, 각종 프로그램의 작성, 수정, 실행을 도와주는 MS 워드 같은 프로그램이다. VSCode 실행, 폴더열기 👉 바탕화면에 원하는 폴더를 만들고, VSCode에서 Open Folder를 클릭 해당폴더 선택하여 열기 HTML 파일 만들기 👉 왼쪽 폴더 영역에서 New File 아이콘을 클릭 새로운 파일 이름을 넣는 창이 나온다. 파일 이름을 index.html index.html 파일이 만들어진다. 내용 입력하기 👉 내용을 직접 입력하다 보면 어떤 내용을 입력할지 VSCode가 예측하여 알려주기도 한다. 👉 입력이 끝나면 Ctrl + S를 눌러 파일을 저장 👉 바뀐 .. 2023. 1. 30.
CSS란? Cascading Style Sheets의 줄임말 HTML이나 XML(XML의 방언인 SVG, XHTML 포함)로 작성된 문서의 표시 방법을 기술하기 위한 스타일 시트 언어 즉, 웹페이지를 꾸미는데 사용되는 언어 HTMl의 구성에 따라서 부모 요소에 디자인을 적용하면 자동으로 안쪽 자식 요소까지 디자인 적용이 된다. HTML 문서 안에서는 안에 로 공간을 만들어 작성한다. 선택자를 이용하여 특정 요소에 속성을 적용한다. 선택자(selector) 선택을 해주는 요소, 특정 요소들을 선택하여 스타일을 적용할 수 있게 해준다. 👉 무엇을 꾸민다는 것은, 일단 '선택(select)해야' 가능한 일이다. 예를 들어 firstname 이라고 이름표를 달아준 뒤, "firstname 이란 이름표가 붙은 부분의 글씨를.. 2023. 1. 20.
HTML 작성 예시 👉 정렬의 중요성 HTML 상에서 줄 바꿈과 연속적인 띄어쓰기는 아무런 의미를 갖지 않는다. 하지만 코드의 정렬이 제대로 되어있지 않으면, 개발자의 입장에서 코드의 생김새를 파악할 수 없어 오류를 해결하기가 무척 어려워지기 때문에 정렬을 꼭 하자! 주석 처리 사용법 주석은 컴퓨터/브라우저가 읽지 않는 줄이다. 주석은 필요 없어진 코드를 삭제하는 대신 임시로 작동하지 못하게 하고 싶을 때 또는 코드에 대한 간단한 설명을 붙여두고 싶을 때 사용한다. 주석처리하고 싶은 라인(들)을 선택하고 Ctrl(Cmd) + / 단축키를 사용해 주석처리를 해줄 수 있다. HTML, CSS, JavaScript, Python 등등 각 언어마다 주석처리 문법이 다르기 때문에 단축키를 사용하는 것이 좋다. 기본적으로 사용하는 태.. 2023. 1. 19.
HTML이란? Hypertext Markup Language의 줄임말 웹 페이지 표시를 위해 개발된 지배적인 마크업 언어 💡 Markup Language이란? 마크업은 그 파일이 프린터로 출력되거나 화면에서 어떻게 보여야 할 것 인지를 나타내기 위해, 또는 그 문서의 논리적인 구조를 묘사하기 위해서, 텍스트나 워드프로세싱 파일의 특정 위치에 삽입되는 일련의 문자들이나 기호들을 말한다. HTML은 제목, 단락, 목록 등과 같은 본문을 위한 구조적 의미를 나타내는 것뿐만 아니라 링크, 인용과 그 밖의 항목으로 구조적 문서를 만들 수 있는 방법을 제공한다. 꺾쇠 괄호에 둘러싸인 "tag"로 되어있는 HTML 요소 형태로 작성한다. HTML은 웹 브라우저와 같은 HTML 처리 장치의 행동에 영향을 주는 JavaScript ,.. 2023. 1. 19.
웹 기초 개념 알기 서버 (server) 클라이언트에게 네트워크를 통해 정보나 서비스를 제공하는 컴퓨터 시스템으로 컴퓨터 프로그램(server program) 또는 장치(device)를 의미한다. 클라이언트(client) 네트워크를 통하여 서버라는 다른 컴퓨터 시스템 상의 원격 서비스에 접속할 수 있는 응용 프로그램이나 서비스를 말한다. 네트워크(Network) 둘 이상의 컴퓨터와 이들을 연결하는 링크의 조합이다. 물리적 네트워크는 네트워크를 구성하는 하드웨어(어댑터, 케이블 및 전화선과 같은 장비)다. 소프트웨어 및 개념 모델이 논리적 네트워크를 형성한다. 클라이언트 — 네트워크 — 서버 2023. 1. 17.