전체 글
-
sass 변수 사용Programming/CSS 2022. 2. 9. 23:07
CSS를 편리하게 다룰 수 있게 해주는 Sass. 쌩 CSS를 작성하고 관리하는 것보다 어떤 점이 편리해지는지 예시를 기록한다. 변수를 사용할 수 있다. 개발 시 사용할 각종 자원들―색상 hex code 등, 폰트 size, line height, letter spacing 등―을 변수로 지정하여 중복되는 입력, CSS 코드 유지보수를 편리하게 해준다. sass에서 변수를 선언하여 사용할 수 있다. $변수명: 값; 값에는 CSS value에 해당하는 것들을 넣을 수 있다. // CSS p { transition: color 200ms ease-in; color: #000; } //SCSS $transition-1: color 200ms ease-in; $black: #000; p { transition:..
-
css 초기화Programming/CSS 2022. 2. 9. 19:09
html의 기본 스타일을 초기화하는 방법 1. Reset CSS https://meyerweb.com/eric/tools/css/reset/ CSS Tools: Reset CSS CSS Tools: Reset CSS The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on. The general reasoning behind this was discussed in a May 2007 post, if you're inter meyerweb.com 2. Normalize.css https://nec..
-
svg를 아이콘 폰트로 바꾸기SW 일반 2022. 2. 8. 22:32
svg를 아이콘 폰트로 바꾸기 svg를 html에서 사용하는 방법 네 가지 1. html img태그 사용 2. css background image 3. svg를 복사해서 그대로 쓴다. (하나의 태그처럼 사용) svg를 태그로 사용 시 유용한 점 예1) aria-label을 지정할 수도 있고 예2) fill = "currentColor" -> 색상을 원하는대로 컨트롤 가능 (부모 태그의 색상 상속받음) svg 태그 사용 시 단점 리액트를 사용하지 않고 생 html을 작성하는데 svg를 그대로 넣는 것은 적절하지 않다. svg이기 때문에 용량은 그대로이지만 코드가 너무 길어진다. 4. Icon Font 생성, 적용 svg를 icon font로 바꾸어 사용한다. https://icomoon.io/app/#/..
-
raster, vectorSW 일반 2022. 2. 8. 19:42
웹 개발 시 자주 쓰이는 이미지 형식 하나의 리소스에 들어가는 용량의 60~65% 차지하는 것 : 이미지 로드시간(렌더링 타임) 오래 걸리면 사용성이 좋지 않다. 따라서 퍼포먼스에 해를 끼치지 않는 이미지 타입을 적절히 선택해 써야 한다. 그래픽 파일 포맷 중 래스터와 벡터에 대해 정리한다. 벡터와 래스터 벡터 이미지 래스터 이미지 특징 확대해도 깨지지 않음 픽셀 단위 -> 확대 시 깨짐 포맷 종류 svg jpg(jpeg), png Vector images 수학식을 통해 연산으로 그래픽을 표현한다. 용량이 상대적으로 가벼울 확률이 높다. 참고로 폰트도 일종의 벡터 그래픽이다. 벡터 이미지의 특성을 잘 살리는 형식은 svg(scalable vector graphics) 포맷으로 웹 개발 시 자주 쓰인다. ..
-
백준 8958번 OX퀴즈Programming/BaekJoon 2021. 10. 14. 23:03
내가 푼 풀이 배열을 이용하되 테스트케이스에 대한 배열을 만들었으면 이 풀이보다 필요한 변수도 줄어들고 코드도 짧아지는데 배열에 점수를 넣는 것으로 접근해서 이렇게 코드가 길~어졌다. import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader; public class Main { public static void main(String[] args) throws IOException { BufferedReader br = new BufferedReader(new InputStreamReader(System.in)); //테스트 케이스의 개수 int N = Integer.parseInt(br.readLi..
-
static 메서드와 인스턴스 메서드Programming/Java 2021. 10. 7. 04:03
예제 코드 : https://github.com/khg620/Java-Basic/commit/d3c03c002ca6c9cb4d4739330aa5674d8b303e21 클래스 메서드(static method)와 인스턴스 메서드 · khg620/Java-Basic@d3c03c0 Permalink This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository. Browse files 클래스 메서드(static method)와 인스턴스 메서드 Loading branch information Showing 2 changed files with 40 github.com 공부 자..
-
롬복 @NoArgsConstructor, @RequiredArgsConstructor, @AllArgsConstructorProgramming/Java 2021. 9. 18. 03:50
@NoArgsConstructor 매개변수가 없는 생성자를 만든다 그런데 만약 (예를 들어 final 필드로 인해) 매개변수가 없는 생성자를 만드는 것이 불가한 경우에는 컴파일 에러 발생(@NoArgsConstructor(force = true)로 설정하여 final 필드들을 0 / false / null 로 초기화 하지 않는 한) 주로 @Data 또는 다른 생성자 어노테이션들과 조합하여 유용하게 사용된다. @NonNull과 같이 필드 제약조건이 있는 경우, 필드가 적절히 초기화 되지 않는 한 제약조건 로직이 실행되지 않는다. @RequiredArgsConstructor 초기화되지 않은 final 필드, 초기화되지 않은 @NonNull 필드에 대한 파라미터 생성자 각각의 필드 당 하나의 매개변수를 받는 ..