본문 바로가기

분류 전체보기252

10. 코드 경량화(minify) ~ CSS 뛰어넘기(preprocessor) 1. 코드 경량화(= minify 하기) : 꼭 필요한 작업은 아님. 웹사이트의 규모가 크거나, 방문자가 많은 경우에 효과 있는 처리. 경량화 하는 방법도 여러 가지가 있음! 1. HTML/CSS editor에 코드 경량화(code minifier) 프로그램 설치하기 나는 Bracket editor을 사용했다. 다른 editor에도 이와 비슷한 경로로 경량화를 할 수 있을 것이다! => JS CSS Minifier 를 설치한다. * 이때, 경량화 할 코드가 들어있는 파일은 CSS 형태의 파일로 저장한다! b/c html이 확장자인 파일에 minify를 적용하면 아무 일도 일어나지 않는다! 해당 파일을 열어 놓은 상태에서, [편집]-[Minify]를 누르면 => 기존파일명.min.css 라는 파일이 새로 .. 2021. 5. 18.
Chapter 4-2 1. For문 1. for문 기본실행 public static void main(String[] args) { int sum = 0; for(int i=1; i 이럴 때는 += 등의 증감연산자를 사용할 수 있다. 2. for문 안에서 정의된 변수는 로컬 변수(local variable)로, for문 밖으로 값을 갖고 나올 수 없다. 오류 예시! public static void main(String[] args) { for(int i=1; i sum변수를 for문 밖에서도 사용하고 싶다면, for문이 시작하기 이전에, 즉 for문 밖에서 정의를 먼저 해 주면 된다. 3. for문 : 초기화식, 조건식, 증감식에 각각 두 개 이상의 변수 넣기 public static void main(String[] ar.. 2021. 5. 5.
Chapter 4-1 if문 Baekjoon 단계별 문제풀이 - if문의 5문제 풀어봄. 1. [1330] 두 수 비교하기 import java.util.Scanner; public class Main { public static void main(String[] args) { Scanner scanner = new Scanner(System.in); int A = scanner.nextInt(); int B = scanner.nextInt(); if(A=-10000 && B=-10000) { if(A>B) { System.out.println(">"); }else if(A==B) { System.out.println("=="); }else if(A=0 && grade=90) { System.out.println("A"); }els.. 2021. 5. 4.
Chapter 4 1. 조건문 1-1. IF문 1) 해당 조건에 대한 실행할 실행문이 하나라면 {}를 생략해도 좋지만, 그 이외에는 다 {}를 넣어야 한다. public static void main(String[] args) { int score = 91; if (score >=90) { System.out.println("You are Level A."); System.out.println("Congratulations!"); } if (score =90) { String grade = "A"; System.out.println("Your grade is " + grade); }else if (score >=80){ String grade = "B"; System.out.println("Your grade is " +.. 2021. 5. 4.
Chapter 3 Baekjoon 단계별 문제풀이 중 "사칙연산" 카테고리 11문제 풀이 (일부는 풀이 적는 거 까먹어서 1,2,3,4,5,6,10,11번만 있음) package ml.app2; import java.util.Scanner; public class chapter_3 { public static void main(String[] args) { System.out.println("#1"); System.out.println("Hello World!"); System.out.println("\n\n#2"); System.out.println("강한친구 대한육군"); System.out.println("강한친구 대한육군"); System.out.println("\n\n#3"); System.out.println(.. 2021. 5. 3.
9. 그래픽 fin ~ 유지보수-link와 import 그래픽 5) SVG : 직접적인 그래픽과 상관은 없지만, SVG파일도 CSS에서 효과를 주는 대상이기 때문에 있는 챕터. 1. SVG파일이란? Vector file로, 기존의 bitmap 이미지와 비교할 때 차이가 있다. bitmap : 작은 점으로 이미지를 표현. 확대하면 계단 효과 등 깨짐 발생 -> png vector : 이미지를 선과 점의 연결로 표현. 확대해도 깨짐 발생 X -> svg 2. SVG / PNG 파일 다운받아서 CSS에 불러 오기 1. SVG / PNG 이미지 다운받기: thenounproject.com/ 여기서 이미지 아이콘 무료 다운로드 가능! 2. 태그를 사용해서 나타낸다. 확장자만 다르다. SVG:Vector PNG:Bitmap 전혀 차이 없는 두 개의 이미지가 만들어지지만.. 2021. 4. 13.

티스토리툴바