인라인(inline) - 한 줄에 여러개 배치 - 기본 너비값은 텍스트의 너비값을 가짐, 즉 요소들의 너비값을 가짐 - 크기값(width, height)값 적용 불가 - margin을 주면 상하 값은 적용되지 않음, 좌우로만 적용 ex) span, a, br, sup, em 등 a{ color: #000; width: 100px; height: 100px; margin: 100px; } 블록(block) - 한줄에 한개만 배치 - 기본 너비값은 100%를 가짐 - 크기값(width, height)값 적용 가능 - 인라인 요소와 다르게 margin을 상, 하, 좌, 우에 줄 수 있음 ex) div, p, table, header/footer, nav 등 div{ border: 1px solid red; h..

인프런 - it 취업을 위한 알고리즘 문제풀이 (with C/C++) : 코딩테스트 대비 강의를 바탕으로 공부한 내용입니다. 문제는 비공개로 입력예제와 출력예제만을 가지고 포스팅 입력예제 1 53 1 2 8 4 9 출력예제 1 3 풀이 - 이분탐색 응용 - 마구간 개수 n의 범위가 광범위하므로, 동적할당 해준다 > 프로그램 종료 전 delete - 마구간 좌표는 수직이고, 그 사이 거리들에 대한 정보가 필요함 > 정렬 필요, sort함수 사용 - mid: 이분탐색 시 키 값, 3마리의 말을 수용할 수 있을 시에 res값을 mid값으로 설정 이분탐색 시 상황 (1) 해당 mid값이 3마리의 말 수용 가능할 때 > 3마리의 말을 수용할 수 있는 mid보다 큰 수는 당연히 3마리의 말을 수용할 수 있음 > 문..

인프런 - it 취업을 위한 알고리즘 문제풀이 (with C/C++) : 코딩테스트 대비 강의를 바탕으로 공부한 내용입니다. 문제는 비공개로 입력예제와 출력예제만을 가지고 포스팅 입력예제 1 9 3 1 2 3 4 5 6 7 8 9 출력예제 1 17 풀이 - DVD 3개만으로 9개의 곡을 나누어 담아야함 -모든 곡을 담을 때 필요한 용량은 1+2+3+4+5+6+7+8+9 즉, (9+10)/2인 45 - 1~45사이에 DVD한개의 최소 용량이 있다 - 정답이라고 유추한 mid값은 항상 maxx값 보다 커야 한다(DVD는 배열에서 가장 큰 용량을 가진 노래를 담을 수 있어야 하기 때문) ex) 1+45/2 = 23 (1,2,3,4,5,6),(7,8),(9) -> res = 23, rt=22 23보다 더 작은 ..

인프런 - it 취업을 위한 알고리즘 문제풀이 (with C/C++) : 코딩테스트 대비 강의를 바탕으로 공부한 내용입니다. 문제는 비공개로 입력예제와 출력예제만을 가지고 포스팅 입력예제 1 8 32 23 87 65 12 57 32 99 81 출력예제 1 3 풀이 lt mid rt else if(a[mid]

1. 폰트 사이즈 주로 body 태그 안에서 설정 기본 사이즈 : 16px = 1em 브라우저에서 실행 시 15px이 적당 2. 폰트 속성 텍스트 크기: font-size value: px, em, pt, %, rem(반응형) 글꼴 두께: font-weight 기본값: normal 두껍게: bold 얇게: normal 줄 간격: line-height (body안에 지정) value: px(22px), 주로 em단위 사용(상대적 단위, 1.6em) 글꼴 지정: font-family 문자 스타일(기울림체): font-style 글꼴 색 : color value: color name, #000000, rgb(0,0,0), rgba(0,0,0,0.5) 텍스트 줄 표시 / 제거 : text-decoration v..

1. CLI 설치 npm install -g @vue/cli 2. vue 프로젝트 생성 vue create login-ex 3. 생성된 vue프로젝트 폴더로 이동 후 vuetify설치(필수X) cd login-ex vue add vuetify 4. 프로젝트 실행 npm run serve

인프런 - it 취업을 위한 알고리즘 문제풀이 (with C/C++) : 코딩테스트 대비 강의를 바탕으로 공부한 내용입니다. 입력예제 1 10 56 46 55 76 65 53 52 53 55 50 출력예제 1 3 풀이 처음 생각한 풀이법 56 46 55 76 65 i j j j cnt = 1 cnt = 2 break - i를 고정시키고 j로 for문을 돌면서 뒤의 숫자들과 비교 - 뒤의 모든 숫자들보다 i번째 숫자가 크다면 분노유발자 - cnt 변수를 사용해서 i가 j보다 클 시 cnt를 증가, cnt카운트가 뒤의 숫자의 갯수와 일치할 시 분노유발자 코드 #include using namespace std; int main(){ int n, height[101]; int res = 0; int cnt =..

인프런 - it 취업을 위한 알고리즘 문제풀이 (with C/C++) : 코딩테스트 대비 강의를 바탕으로 공부한 내용입니다. 입력예제 1 10 90 23 17 120 34 112 136 123 23 25 113 출력예제 1 3 풀이 풀이법 - cnt 변수를 한계치를 넘을 때마다 증가시킨다 - 한계치를 넘지 않을 시 cnt를 0으로 초기화 시킨다 - 비교시 cnt가 max보다 클 시 max값을 교체 시킨다 코드 #include using namespace std; int main(){ int num, limit, a; int cnt = 0; int max = -2147000000; cin >> num >> limit; for(int i = 0; i > a; if(a > li..

KxCoding의 Mastering RxSwift 유투브를 보며 공부한 내용을 정리 just, of, from (1) just - 하나의 항목을 방출하는 Observable 생성 시 사용 ※ 중요 : 파라미터로 전달한 요소를 그대로 방출 [코드] let disposeBag = DisposeBag() let element = "😀" Observable.just(element) .subscribe { event in print(event) } .disposed(by: disposeBag) Observable.just([1, 2, 3]) .subscribe { event in print(event) } .disposed(by: disposeBag) [출력] next(😀) completed next([1, 2,..

KxCoding의 Mastering RxSwift 유투브를 보며 공부한 내용을 정리 RxSwift의 장점 [RxSwift Github 샘플 코드] Observable.combineLatest(firstName.rx.text, lastName.rx.text) { $0 + " " + $1 } .map { "Greetings, \($0)" } .bind(to: greetingLabel.rx.text - 두개의 텍스트 필드 값을 공백으로 연결 후 "Greetings"를 앞에 추가, 이를 Label에 출력 - 이를 rxSwift 없이 작성한다면 3라인의 코드로 불가 viewModel .rows .bind(to: resultsTableView.rx.items(cellIdentifier: "WikipediaSearc..