분류 전체보기219 [03] 글자 관련 글자관련 태그 중첩해서 사용 가능하다. ... 제목을 입력할때 사용하는 태그 block타입 : 한줄의 영역을 차지하며(브라우저에서 F12 영역확인가능) 자동으로 줄바꿈이 된다 h1이 가장 큰 제목이며 h6은 여섯번째로 큰 제목이다. 문장을 줄 바꾸기(개행)할 때 사용 페이지에 가로로 밑줄을 만들어 줄 때 사용 ... 문자로 이루어진 문단 영역을 나누는 태그1 줄바꿈은 , 한개 이상의 공백은 라는 기호문구로 기술해야함 .. 문단 영역을 나누는 태그2 입력된 내용 그대로를 표현하여, 편집기 상의 tap까지도 구현된다. 글꼴이 다를 수 있다. ... ... 글자를 굵게 표시하는 태그들. b태그와 다르게 strong은 스크린리더 시 억양을 세게해서 읽어줌 ... 글자에 밑줄이 그어지는 태그 ... 글자에 취소선.. 2022. 12. 8. [02] 선언부 , 헤드부 선언부 태그!DOCTYPE html>문서의 형식이 html임을 선언하며 최 상단에 기재한다. html>...문서 전체를 감싼다.lang="..." : 페이지가 어느나라 언어로 되어있는지 표시한다(검색엔진에서 사용) 헤드부 태그 헤드부 안에 작성하는 태그문서의 각종 정보와 제목, 설명 및 자바스크립트, 스타일시트(CSS) 등을 포함한다.meta />해당 html문서의 정보를 기술하며 검색엔진에 내용을 전달한다.속성값이 많으며 종료태그가 없다.charset="..." : 문자셋의 종류를 입력한다name="generator" content="..." : 문서를 작성한 프로그램을 입력한다.name="author" content="..." : 문서의 저자를 입력한다.name="keyword" content=".... 2022. 12. 7. [01] 개발환경 설정 / Visual Studio Code / EMMET문법 개발환경 설정 html을 사용하기 위한 여러 프로그램 중, Visual Studio Code를 사용해보자 VS Code 설치 VS Code 홈페이지 접속( https://code.visualstudio.com/ )) 컴퓨터에 맞는 OS를 선택하여 다운로드 Stable Build를 선택한다 Visual Studio Code 환경 설정 Font Family를 보면, 폰트가 여러개인데 이는 시스템에 설치되지 않았을 경우를 대비한 것이다. 기본 설정된 세개 폰트는 한글이 지원되지 않아서 굴림체가 나오므로 마지막에 'Malgun Gothic'을 입력해준다. encoding 검색해서 UTF-8로 설정 확장 기능 (Extensions) 추가 설치방법 왼쪽 아이콘 중에 [Extensions]를 클릭해서 검색한 후 설치.. 2022. 12. 7. [00] 개요 : 인터넷 / 웹 / HTML5 에 대해서 웹이란?인터넷통신 시스템에서 데이터를 안전하게 보관, 전송할수 있는 시스템을 구축하고자 1960년대 발명전 세계의 컴퓨터들이 네트워크를 통해 연결되어 정보를 공유하는데 목적을 두며 프로토콜을 이용하여 통신초기에는 군사용과 민간용으로 구분되었고 민간용이 지금의 인터넷이 됨 웹인터넷의 통신망 위에서 작동하는 서비스(FTP,이메일,웹..) 중 하나로 인터넷에 연결된 컴퓨터를 통해 사람들이 정보를 공유할 수 있는 공간1990년대 팀 버너스리가 방대한 연구 자료들을 다른 연구소와 효율적으로 공유하기 위해서 하이퍼링크를 포함하는 문서의 개념 제안하면서 등장. 월드 와이드 웹(WWW)을 개발 및 배포하였다.버너스리는 웹을 이용하려면 지켜야 할 것들을 표준화하는 웹표준단체 W3C 창설하였는데, 강제성은 없었다.높은 .. 2022. 12. 7. [모듈시스템] 패키지와 import문 패키지와 import문자바에서 코드를 그룹화하고 모듈로 사용하는 방법에 대해 알아본다. 패키지(package)역할- 관련된 클래스와 인터페이스를 논리적으로 그룹화한다. >> 프로젝트의 디렉토리 구조를 만든다.- 접근제어자 중 protected와 default의 작동 범위를 구분짓는다.생성과정1. 디렉토리(폴더)구조에 소스파일을 위치시킨다.2. 파일의 경로를 '.'을 구분자로 하여 소스파일 최상단에 위치시킨다3. 해당 패키지 선언으로 자바컴파일러는 디렉토리를 패키지로 인식한다.// 폴더구조src/└── com/ └── example/ └── MyClass.java// MyClass.java 파일package com.example; // 패키지 선언public class MyClass .. 2022. 11. 21. [SQL] SELECT문 오답노트 오답노트SQL을 배우면서 스스로 문제를 해결하지 못했거나,해결하는데 오래 걸렸던 문제들을 모아놓는다 PostgreSQL개발루키 시절 '회사1'에서 작성된 오답노트 **전제조건** 1분마다 측정값을 보내는 측정소(station)들이 여러개 있고, 해당 데이터들은 eco_data 테이블에 쌓인다.측정소별로 현재로부터 1시간 이내의 데이터들을 뿌리고 있다.**문제상황** station_id가 's01'인 측정소가 고장나서 데이터를 보내지 못하고 있다.이러한 경우에도 시간 만은 보낼 수 있도록 generate_series()를 써서 외부 조인을 해야겠다. >* 풀이과정 중 맞닥뜨린 문제 *외부조인을 해도 's01'를 조회시 시간 데이터가 나오지 않고 있다.* 헤맸던 원인 *외부조인에 대한 부적절한 이해* 해결.. 2022. 11. 18. [OOP] 캡슐화와 접근제한자 캡슐화객체지향 프로그래밍의 캡슐화와 관련된 자바의 문법들에 대해 알아본다. 캡슐화(Encapsulation)데이터와 그 데이터를 처리하는 메소드를 하나의 단위(클래스)로 묶고, 외부에서 접근할 수 없도록 보호하는 개념객체지향 프로그래밍(OOP)의 핵심 원칙 중 하나핵심개념1. 데이터 보호 - 외부에서는 직접적으로 변수에 접근할 수 없다. 간접방식(getter/setter 등의 메소드)를 통해서만 변수에 접근한다. 이는 데이터의 무결성을 지켜준다.2. 정보 은닉 - 객체의 내부 상태나 동작 방식은 외부에 노출되지 않고 공개 메소드 및 데이터를 통해서만 외부와 상호작용한다. - 객체의 세부 구현이 변경되어도 외부에 영향을 미치지 않는다 (객체 간의 상호작용을 안전하고 예측 가능하게.. 2022. 11. 1. [이클립스] 프로젝트 설정 및 시작하기 이클립스자바 프로젝트를 편하게 작성하도록 도와주는 툴의 역할과 설정방법을 톺아본다.포스팅 순서이클립스란?Workspace와 Project 폴더실습 : Project 시작하기실습 : 외부 프로젝트 가져오기Source 와 Package 폴더실습 : 소스파일과 컴파일 이클립스란?IDE 필요성- IDE : 통합개발환경, Integrated Development Environment- 기본 텍스트 에디터(VSCode 등) 기능 외에도 컴파일, 실행, 빌드, 디버깅, 테스트, 배포 등 전체 개발 과정을 통합해서 지원할 수 있다설치1. https://www.eclipse.org/downloads/ >> Download Packages 클릭2. [MORE DOWNLOADS] 항목에서 적절한 버전 선택 구디 버전.. 2022. 11. 1. [개요] JVM / JDK 환경구축 자바프로그래밍 언어 자바에 대한 큰 그림을 그려본다포스팅 순서자바란?장점기본 프로세스main() 메소드개발 환경 단위 -JDK -JRE -JVM자바란?오라클에서 관리하는 범용 프로그래밍 언어공식문서https://docs.oracle.com/javase/8/docs/api/JDK 설치 및 제거1.https://docs.aws.amazon.com/corretto/ 에서 필요한 버전을 선택한다2. 왼쪽 三 를 클릭하여 메뉴를 활성화하고 [Downloads]를 클릭한다3. Window x64 항목에서 확장자 .msi 다운로드 및 실행4. 미설치된 경우 설치가 되고 설치된 경우 제거 옵션이 뜬다5. 설치확인 명령어 java -version javac -version환경변수 설정* 설정 필요성 : -.. 2022. 11. 1. 이전 1 ··· 5 6 7 8 다음
