https://www.youtube.com/watch?v=TTLHd3IyErM - 드림코딩 Front-end 로드맵 영상 CSS 1. Styling CSS 란? Cascading Style Sheets의 약자로 HTML 요소들이 각종 미디어에서 어떻게 보이는가를 정의하는데 사용되는 스타일시트 언어이다. CSS 문법 CSS 선택자 요소선택자 id 선택자 class 선택자 그룹 선택자 그룹 선택자 CSS 적용 인라인 스타일 HTML요소 내부에 style 속성을 사용하여 CSS 스타일을 적용하는 방법 인라인 스타일 내부 스타일 시트 HTML 문서 내에 내부 스타일 시트 외부 스타일 시트 웹 사이트 전체의 스타일을 하나의 파일에서 변경할 수 있도록 하는 방법. (.css 확장자 파일 사용) http://www...
https://www.youtube.com/watch?v=TTLHd3IyErM - 드림코딩 Front-end 로드맵 영상 HTML 4. SEO SEO 란? SEO(Search Engine Optimization)는 검색 엔진 최적화라 하며 네이버나 구글 같은 검색 엔진이 쉽게 이해할 수 있는 형태로 웹페이지를 구성하는 과정을 말한다. 이를 통해 검색엔진 상위 노출도를 높일 수 있다. SEO를 위한 작업 메타 태그 description: 웹페이지에 대한 간략한 1~2줄의 문장 robots: 웹페이지별 검색로봇의 접근 여부를 설정하는 태그 title 태그 검색엔진에 노출되는 제목을 설정. 해당 페이지를 가장 잘 나타내는 주제로 정하는 것이 좋다. NAVER 오픈그래프 태그 웹페이지의 링크가 카카오톡이나 다른..
https://www.youtube.com/watch?v=TTLHd3IyErM - 드림코딩 Front-end 로드맵 영상 HTML 1. HTML Tags HTML 주석 하이퍼링크를 정의 다른 출처로부터 인용된 영역을 정의 해당 문서의 콘텐츠 영역을 정의 행바꿈(\n)을 정의 클릭할 수 있는 버튼을 정의 스크립트를 이용하여 그래픽 콘텐츠를 그릴 때 사용 컴퓨터 코드의 일부분을 나타낼 때 사용 특정 컨텐츠에 기계가 읽을 수 있는 형태의 값을 덧붙어 나타낼 때 사용 HTML 문서에서 특정 영역이나 구획을 정의 문서나 특정 섹션의 푸터를 정의 사용자로부터 입력받을 수 있는 HTML 입력 폼을 정의 ~ HTML 문서에서 제목을 정의 해당 문서에 대한 정보인 metadata의 집합을 정의 문서나 특정 섹션의 헤더를..
■ StringTokenizer - String을 token단위로 끊어주는 클래스. - 기본적으로 공백문자('\t', '\n', \r', '\f')를 구획문자로 설정. - BufferedReader객체를 통해 한줄입력을 받았을 경우, 입력 기준에 따라 문자열을 구분하는 용도로 사용. ■ StringTokenizer 생성자 - StringTokenizer(String str) : 구획문자(delimiter)를 인자로 받지않는 생성자. - StringTokenizer(String str, String delim) : 구획문자를 인자로 받는 생성자. 구획문자는 2자리 이상도 설정 가능. 2자 이상의 구획문자를 받은 경우, 구획문자는 길이가 1로 고정이고 여러개의 구획문자로 설정. - StringTokenize..
백준 Online Judge 10871번 X보다 작은 수 https://www.acmicpc.net/problem/10871 ■ 문제 정수 N개로 이루어진 수열 A와 정수 X가 주어진다. 이때, A에서 X보다 작은 수를 모두 출력하는 프로그램을 작성하시오. ■ 입력 첫째 줄에 N과 X가 주어진다. (1 ≤ N, X ≤ 10,000) 둘째 줄에 수열 A를 이루는 정수 N개가 주어진다. 주어지는 정수는 모두 1보다 크거나 같고, 10,000보다 작거나 같은 정수이다. ■ 출력 X보다 작은 수를 입력받은 순서대로 공백으로 구분해 출력한다. X보다 작은 수는 적어도 하나 존재한다. ■ 출력예시 ■ 풀이 import java.util.*; import java.io.*; public class Main { sta..
백준 Online Judge 2439번 별 찍기 - 2 https://www.acmicpc.net/problem/2439 ■ 문제 첫째 줄에는 별 1개, 둘째 줄에는 별 2개, N번째 줄에는 별 N개를 찍는 문제 하지만, 오른쪽을 기준으로 정렬한 별(예제 참고)을 출력하시오. ■ 입력 첫째 줄에 N(1 ≤ N ≤ 100)이 주어진다. ■ 출력 첫째 줄부터 N번째 줄까지 차례대로 별을 출력한다. ■ 출력예시 ■ 풀이 import java.util.Scanner; public class Main { public static void main(String[] args) { Scanner sc = new Scanner(System.in); int n = sc.nextInt(); sc.close(); for(in..
백준 Online Judge 2438번 별 찍기 - 1 https://www.acmicpc.net/problem/2438 ■ 문제 첫째 줄에는 별 1개, 둘째 줄에는 별 2개, N번째 줄에는 별 N개를 찍는 문제 ■ 입력 첫째 줄에 N(1 ≤ N ≤ 100)이 주어진다. ■ 출력 첫째 줄부터 N번째 줄까지 차례대로 별을 출력한다. ■ 출력예시 ■ 풀이 import java.util.Scanner; public class Main{ public static void main(String[] args){ Scanner sc = new Scanner(System.in); int n = sc.nextInt(); for(int i=0;i
백준 Online Judge 11022번 빠른 A+B - 8 https://www.acmicpc.net/problem/11022 ■ 문제 두 정수 A와 B를 입력받은 다음, A+B를 출력하는 프로그램을 작성하시오. ■ 입력 첫째 줄에 테스트 케이스의 개수 T가 주어진다. 각 테스트 케이스는 한 줄로 이루어져 있으며, 각 줄에 A와 B가 주어진다. (0 < A, B < 10) ■ 출력 각 테스트 케이스마다 "Case #x: A + B = C" 형식으로 출력한다. x는 테스트 케이스 번호이고 1부터 시작하며, C는 A+B이다. ■ 출력예시 ■ 풀이 import java.util.*; import java.io.*; public class Main { public static void main(String[]..
■백준 Online Judge 11021번 A+B - 7 https://www.acmicpc.net/problem/11021 ■ 문제 두 정수 A와 B를 입력받은 다음, A+B를 출력하는 프로그램을 작성하시오. ■ 입력 첫째 줄에 테스트 케이스의 개수 T가 주어진다. 각 테스트 케이스는 한 줄로 이루어져 있으며, 각 줄에 A와 B가 주어진다. (0 < A, B < 10) ■ 출력 각 테스트 케이스마다 "Case #x: "를 출력한 다음, A+B를 출력한다. 테스트 케이스 번호는 1부터 시작한다. ■ 출력예시 ■ 풀이 import java.util.*; import java.io.*; public class Main { public static void main(String[] args) throws IO..
백준 Online Judge 2742번 기찍 N https://www.acmicpc.net/problem/2742 ■ 문제 자연수 N이 주어졌을 때, N부터 1까지 한 줄에 하나씩 출력하는 프로그램을 작성하시오. ■ 입력 첫째 줄에 100,000보다 작거나 같은 자연수 N이 주어진다. ■ 출력 첫째 줄부터 N번째 줄 까지 차례대로 출력한다. ■ 출력예시 ■ 풀이 import java.util.*; import java.io.*; public class Main { public static void main(String[] args) throws IOException { BufferedReader br = new BufferedReader(new InputStreamReader(System.in)); Bu..
