🌳360 [JAVA] 백준 11399번: ATM import java.util.*; public class Main { public static void main(String[] args) { Scanner sc = new Scanner(System.in); int n = sc.nextInt(); ArrayList list = new ArrayList(); int sum = 0; int stay = 0; for (int i = 0; i < n; i++) { list.add(sc.nextInt()); } Collections.sort(list); for(int i = 0 ; i < n; i++) { sum += list.get(i); stay += sum; } System.out.println(stay); } } 2022. 6. 28. 웹 앱 화면 설계하기 와이어프레임 설계 HTML로 웹 앱 구조 잡기 id와 class의 이해 와이어프레임 설계 및 목업 구현 🕸️ 와이어프레임(Wireframe) 레이아웃의 뼈대를 그리는 단계로, 가장 큰 목적은 화면의 영역을 구분하는 일이다 🖼️ 목업(Mock-up) 실제 서비스가 작동하는 모습과 동일하게 HTML, CSS을 작성 HTML로 웹 앱 구조 잡기 1. 만들고 싶은 웹 페이지 구조를 생각해 보고, 어떤 태그를 이용해야 할지 생각한다 2. 영역 별로 여러 태그를 하나의 태그(div 등)로 감싸 준다 → form으로 감싸 줄 경우 div 요소를 사용하는 것보다 더 시맨틱한 요소 사용이다 input, button 요소 등의 자식 요소를 감싸는 경우에 자주 사용되는데, 페이지 전환이 되는 액션이 발생할 수 있도록 주의해.. 2022. 6. 28. 페이지 레이아웃 웹 사이트 성격과 목적에 맞게 HTML 구조 만들기 Flexbox flex-direction flex-wrap justify-content align-items align-content grow shrink basis 레이아웃: 화면을 나누는 방법 📏 수직 분할, 수평 분할 CSS로 화면 구분 시 수직 분할과 수평 분할을 차례로 적용하여 콘텐츠 흐름에 따라 작업한다 Atomic CSS 방법론: 클래스 이름과 구현을 1:1 일치시켜 작은 단위로 CSS를 작성한다 영역1 영역2 영역3 🎈 레이아웃 리셋 HTML의 기본 스타일이 레이아웃에 방해가 될 때 1. 태그의 여백 2. width, height 계산이 여백을 포함하지 않음 (box-sizing 참고) 3. 브라우저마다 기본 스타일이 약간씩 다름 해결 방.. 2022. 6. 28. [Day 6] HTML, CSS Ⅱ 학습 주제 페이지 레이아웃 웹 앱 화면 설계하기 새롭게 배운 내용 2022.06.28 - [Etc/HTML & CSS] - 페이지 레이아웃 페이지 레이아웃 웹 사이트 성격과 목적에 맞게 HTML 구조 만들기 Flexbox 레이아웃: 화면을 나누는 방법 📏 수직 분할, 수평 분할 CSS로 화면 구분 시 수직 분할과 수평 분할을 차례로 적용하여 콘텐츠 흐름에 따라 cookiee.tistory.com 2022.06.28 - [Etc/HTML & CSS] - 웹 앱 화면 설계하기 웹 앱 화면 설계하기 와이어프레임 설계 HTML로 웹 앱 구조 잡기 id와 class의 이해 와이어프레임 설계 및 목업 구현 🕸️ 와이어프레임(Wireframe) 레이아웃의 뼈대를 그리는 단계로, 가장 큰 목적은 화면의 영역을 구분 c.. 2022. 6. 28. [JAVA] 백준 2751번: 수 정렬하기 2 시간 복잡도가 O(nlogn)인 정렬 알고리즘으로 풀 수 있다 💡 1. Colletions.sort()를 사용한다 시간 복잡도 O(n) ~ O(nlogn)을 보장한다 단, 배열 대신 리스트를 사용해야 한다 2. StringBuilder를 사용한다 String과 문자열을 더할 때 새로운 객체를 생성하지 않고 기존 데이터에 더하는 방식이다 속도가 빠르고 부하가 적다 import java.util.*; public class Main { public static void main(String[] args) { StringBuilder sb = new StringBuilder(); Scanner sc = new Scanner(System.in); int n = sc.nextInt(); ArrayList list.. 2022. 6. 27. CSS css의 이해와 기본 구조, 문법 HTML에 적용하는 방법 텍스트 꾸미기 기본적인 박스 모델 MDN, W3C School에서 속성 검색하고 사용하기 CSS Cascading Style Sheets → 좋은 사용자 경험(UX; User Experience)을 제공 스타일링 도구이기 때문에 독립적으로 기능하지 않고, HTML가 있어야 동작한다 🍭 사용자 인터페이스(UI; User InterFace) 인터페이스: 컴퓨터와 교류하기 위한 연결고리 - 이전 시대에는 CLI(Command Line Interface)를 사용해야 했다 ⚒️ 기본 구조와 문법 body { margin: 0; padding: 0; background: #fff; color: #4a4a4a; } header, footer { font-si.. 2022. 6. 27. 이전 1 ··· 29 30 31 32 33 34 35 ··· 60 다음
