본문 바로가기

전체 글395

2월 15일 (2) HTML - 하이퍼 링크 하이퍼 링크 삽입하기 Hyper Text 초월문서, 문서의 범위를 뛰어넘는다. WWW(World Wide Web)에서 사용하는 문서의 형식인 Hyper Text를 구현한 태그 흔히, 링크(link)라고 한다. 사용 태그 ~ anchor(닻) 클릭이라는 이벤트를 통해서 페이즈를 이동하기 위해 사용 필수속성 href : 이동할 페이지를 지정하는 속성 이동할 페이지의 url(uri)를 작성한다. 같은 사이트 페이지로 이동할 때에는 http://을 생략해도 된다. re의 약자, 레퍼런스 : 참조하다. 범위로서의 차이 URL : Uniform Resource Locator 통합자원 위치정보 URI : Uniform Resource Indentifier 통합자원 식별자, 요즘에는 파라미터에 따라서 데이터가 많이 바.. 2023. 2. 15.
2월 15일 (1) HTML - 멀티미디어 추가 설명 p94 열 묶음 처리, 사전정의를 해주는 것이기 때문에 table 아래 작성 보조 적으로 사용하는 태그, 열과 매칭되어서 지정할 수 있다.(열의 개수만큼) 하나만 작성하면 첫 줄에만 적용된다. td(th)에 적용할 스타일을 미리 정의하여 적용 열의 개수만큼 태그를 사용하여 각 열별로 스타일을 정의할 수 있다. 정의할 스타일이 없는 경우 태그만 작성한다. 두 열 이상을 묶어서 스타일을 정의할 경우 span 속성을 사용한다. 네 줄이 있는 칸에서 세 번째만 적용하고 싶다면 만 쓰고 적용하고 싶은 곳에만 적용시키면 된다. (네번째는 아무 지정하지 않을 거면 작성하지 않아도 된다.) 에 적용할 수 있는 CSS border, background, width로 한정된다. 글자 가운데 정렬 td { tex.. 2023. 2. 15.
프로그래밍 언어 활용 관련 용어 모듈화(Modularity) 프로그램을 개발 시 생산성과 최적화, 관리에 용이하게 기능 단위를 분할하는 기법이다. 재사용(Reuse) 목표 시스템의 개발 시간 및 비용 절감을 위하여 검증된 기능을 파악하고 재구성하여 시스템에 응용하기 위한 최적화 작업이다. 프레임워크(Framework) 소프트웨어의 구체적인 부분에 해당하는 설계와 구형을 재사용이 가능하게끔 클래스들을 제공하는 틀이다. 프로세스(Process) CPU에 의해 처리되어 실행 중인 프로그램을 의미하여, 작업(Job) 또는 태스크(Task)라고도 한다. OSI 7계층국제 표준화 기구 ISO에서 개발한 네트워크 프로토콜 디자인과 통신을 계층별로 나누어 설명한 개방형 시스템 상호연결모델이다. IP(Internet Protocol) 송신, 수신 간의.. 2023. 2. 15.
HTML 태그 - Lists 공통적으로 사용하는 항목을 나타내는 태그 1. 순서목록 순서가 있는 목록 사용 시 기본값으로 숫자가 정해져 있다. type 속성을 사용하여 로마자 숫자, 영어로 바꾸어 줄 수 있다. 5가지 사용 가능 숫자, 대문자 영어, 소문자 영여, 대문자 로마숫자, 소문자 로마숫자 CSS 속성을 사용하여 type 속성을 바꿀 수 있다. style="list-style-type: 다양한 값;" 다양한 값에 원하는 값 넣기 / 아래 링크에서 확인가능 start 속성으로 시작 번호를 지정할 수 있다. W3Schools CSS list-style-type demonstration www.w3schools.com 예> 순서 목록 사용 예 HTML5 CSS3 JavaScript jQuery HTML5 CSS3 JavaScrip.. 2023. 2. 14.
2월 14일 (2) HTML - table 더미 이미지 참조 사이트 Home How To Set Custom Text You can specify text for your image by using a query string at the very end of the URL. So this URL… https://via.placeholder.com/728x90.png?text=Visit+WhoIsHostingThis.com+Buyers+Guide …produces this 728×90 sized image (ie, le placeholder.com 설계 시 위치를 잡을 때 크기나 공간을 사용할 수 있는 사이트 너비 x높이 단위 px, 색상 6자리 16진수로 지정 가능 16진수 : 0-9, a-f까지 사용, (ff= 255(10진수)) 계산기의 프로.. 2023. 2. 14.
2월 14일 (1) HTML - 목록 요소의 형식 내용 [ ] 안의 내용은 생략가능하다. 쓸수도 있고 안 쓸 수도 있다. 공통 태그(List Item) : 항목을 나타낸다. 계층 구조를 가진다. 공통속성 width : 요소의 가로 길이를 지정하는 속성 단위 px 픽셀 한 점의 크기 (내장된 고정된 크기) % 백분율(기준 : 브라우저 창의 내부 화면 크기에 따라서 길이가 달라진다.) 세로보다 가로를 더 중요하여 여긴다. UX적 측면에서 보조적인 측면이 더 많이 들어가 있다. 비율을 사용하는 형태로 처리 세로를 먼저 지정하고 가로길이를 지정 태그 : 수평선 표현 주요 속성 : width 가로길이 지정 size 두께 지정(1-2px 차이 없음, 3px 정도만 사용, 그 이상을 잘 사용하지 않는다.) 목록태그 : List 화면에 목록 형태로 텍스트.. 2023. 2. 14.
1014. 문자 2개 입력받아 순서 바꿔 출력하기 문제 숫자가 이상하다고 생각했는데 문제 9가 없다;; 뭐지? 14. 문자 2개 입력받아 순서 바꿔 출력하기 2개의 문자(ASCII CODE)를 입력받아서 순서를 바꿔 출력해보자. 참고 char x, y; scanf("%c %c", &x, &y); printf("%c %c", y, x); //출력되는 순서를 작성 와 같은 방법으로 해결할 수 있다. import java.util.Scanner; public class Main { public static void main(String[] args) { Scanner sc = new Scanner(System.in); String a = sc.next(); String b = sc.next(); System.out.printf("%s %s", b, a); } } 2023. 2. 14.
HTML 태그- table 2 테이블 크기 조절 style속성에 사용하여 테이블, 행 또는 열의 크기를 지정한다. width 넓이 height 높이 표 만들 때 사용하면 좋은 태그 기본적으로 굵게 표시되고 중앙에 정렬되어 표시된다. 와 같이 사용하거나 의 자리에 대신 사용한다. 전체 테이블의 제목 역할을 한다. 어느 쪽에 써도 화면상에는 표 위쪽에 나타난다. 표 고정 태그 상단줄 고정 가운데 지정 범위 고정 하단바 고정 방 이름 대상 크기 가격 유채방 여성 도미토리 4인실 1인 20,0000원 동백방 동성 도미토리 가족1팀 천혜향방 - 2인실 바깥채 전체를 렌트합니다. 셀 합치는 태그 나 의 속성으로 쓰는 태그 colspan 열 합치기, 속성 값은 확장할 열 수를 나타낸다. rowspan 행 합치기, 속성 값은 확장할 행 수를 나타낸.. 2023. 2. 14.
Visual Stuido Code 설정 바꾸기 1. 색 테마 바꾸기 설정 - 테마 - 색 테마 원하는 색 테마를 선택 2. 웹 브라우저 바로 확인하기 확장 - live server 검색 - 설치 작업한페이지 - 마우스 오른쪽 버튼 클릭 - open with live sever 클릭 크롬 새창 화면이 열리면서 바로 확인가능 2023. 2. 14.
2월 13일 (2) HTML - 웹 문서 만들기 요소를 작성할 때 단축 태그를 사용할 수 있다. 표현할 내용이 없을 경우 시작태그 명 뒤에 '/'를 붙인다. 예> 가능한 태그가 있고 가능하지 않은 태그가 있다. 시작태그는 속성을 포함할 수 있다. 속성은 요소의 다양한 효과를 표현하는 데 사용한다. 하나의 태그는 속성과 내용을 담고 있다. 작성 규칙 1. 태그명은 소문자로 작성하도록 한다.(HTML5 권장) 2. 내용에 연속된 공백이나 줄바꿈은 웹 브라우저에 한 칸의 공백으로 출력된다. 3. 요소의 포함관계(계층관계) 표현을 위해 들여쓰기를 한다. 4. 한 요소는 시작 태그와 종료 태그를 작성하며, 다른 요소의 태그와 중첩되지 않아야 한다. 5. 주석은 로 작성 문서 작성 본문에 작성하는데 사용하는 p태그 여기는 인용 문자나 내용이 들어갑니다. html.. 2023. 2. 13.
2월 13일 (1) HTML - 웹 개발 시작하기 1. 웹 개발 웹 브라우저 화면에 보이는 겉모습을 만드는 것이 전부가 아니다. 웹 사이트는 사용자에게 제공할 기능, 서비스까지 모두 담아야 한다. 서버 vs 클라이언트 프런트엔트 개발 vs 백엔드 개발 기본페이지, 웰컴파이, 웰컴페이지 - 처음 웹 사이트에 들어갔을 때 웹페이지의 상단 제어하는 부분(주소창, 제목 등) 서비스를 제공하는 부분(화면 부분) - 프런트엔드 엔드 포인트 ------------ 엔드 포인트 기본영역 HTML, CSS, JS HTML - 웹 문서의 뼈대 CSS - 웹 문서를 꾸밈 JS - 사용자 동작에 반응 과거 : 정적인 페이지가 주, 변하지 않음 현재 : 동적인 페이지, 뉴스 등 변화함 배울 기술 제이쿼리 스프링 2. 웹 개발 환경 만들기 웹 브라우저 크롬, 엣지, 파이어폭스,.. 2023. 2. 13.
1013. 정수 2개 입력받아 그대로 출력하기 정수 2개 입력받아 그대로 출력하기 import java.util.Scanner; public class Main { public static void main(String[] args) { Scanner sc = new Scanner(System.in); int a=sc.nextInt(); int b=sc.nextInt(); System.out.println(a+" "+b); } } 2023. 2. 13.

티스토리툴바