코딩하는 등산가

시간&메모리 제한 문제 입력&출력 문제풀이 package com.Back; import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader; import java.util.ArrayList; import java.util.Collections; import java.util.StringTokenizer; public class Back_18310 { public static void main(String[] args) throws NumberFormatException, IOException { BufferedReader br = new BufferedReader(new InputStreamReader(S..

CSS 정리 - 드림 코딩 by 엘리 강의 정리입니다. 자세한 내용을 공부하고 싶으시면 위의 링크에 들어가셔서 학습하시는 것을 추천드립니다. FlexBox - flexbox를 이용해서 박스의 배치가 수월해졌습니다. float : left center right 옵션 Container에 지정하는 속성 값 - display - flex-direction - flex-wrap - flex-flow - justify-content - align-items - align-content item에 지정하는 속성 값 - order - flex-grow - flex-shrink - flex - align-self 전체 코드 - index.html 코드 1 2 3 4 5 6 7 8 9 10 index.css 코드 .co..

CSS 정리 - 드림 코딩 by 엘리 강의 정리입니다. 자세한 내용을 공부하고 싶으시면 위의 링크에 들어가셔서 학습하시는 것을 추천드립니다. 원하는 위치에 원하는 박스를 배치하는 것이 가장 중요합니다. 이를 하기 위해서 display와 position에 대해서 잘 이해해야 합니다. CSS 연습 코드 1. block, inline-block - html 코드 1 2 3 1 2 3 - CSS 코드 div, span { width: 80px; height: 80px; margin: 20px; } div { background: red; display: inline-block; } span { background: Blue; display: block; } - 여기서 display에서 inline-block의 ..

CSS 정리 - 드림 코딩 by 엘리 강의 정리입니다. 자세한 내용을 공부하고 싶으시면 위의 링크에 들어가셔서 학습하시는 것을 추천드립니다. CSS란? Cascading Sytle Sheets의 약자 HTML 같은 문서의 스타일을 꾸밀 때 사용하는 스타일 시트 언어입니다. - 우리가 작성하는 스타일 - 사용자의 취향에 맞게 하는 스타일 - 브라우저 상에서 기본적으로 지정된 스타일 Selectors - 전체를 선택하는 경우 * - type을 선택하는 경우 Tag - ID를 선택하는 경우 #id - Class를 선택하는 경우 .class - State를 사용하는 경우 : - Attribute를 이용하는 경우 [ ] CSS 설정 연습해 보기 - index.html First Second Button 1 But..

자바스크립트 기초 강의(ES5+) - 드림 코딩 by 엘리 강의 정리입니다. 자세한 내용을 공부하고 싶으시면 위의 링크에 들어가셔서 학습하시는 것을 추천드립니다. async & await Promise를 좀 더 간편하고, 간결하고, 또한 동기적으로 실행되는 것처럼 보이게 해줍니다. 1. async - Promise를 사용한 경우 function fetchUser() { return new Promise((resolve, reject) => { 'ellie'; }); } const user = fetchUser(); user.then(console.log); console.log(user); - resolve와 reject를 사용하지 않았기 때문에 pending 상태에 then으로 받지도 않았기 때문에, ..