본문 바로가기

CODING78

[CSS] box-sizing / 박스의 크기를 어떤 기준으로 정할지 Default 값 : content-box ➡️ 콘텐츠 영역을 기준으로 크기를 정함 🎵 속성값 content-box : 콘텐츠 영역을 기준으로 크기를 정함 border-box : 테두리를 기준으로 크기를 정함 inital : 기본값으로 설정 inherit : 부모 요소의 속성값 상속 content-box 일때는 border의 크기를 늘리면 박스가 커지지만 border-box 일때는 border의 크기를 늘려도 박스의 크기가 커지지 않음 2021. 1. 16.
[JS] 템플릿 리터럴 | template literals 템플릿 리터럴 [template literals] 이란 ? JavaScript에서 backtick(`)을 사용하여 문자열을 표현한 것을 템플릿 리터럴 [ Template Literals ] 라고 한다. const name = 'mingtory' let age = 20 let alpha const song = 'savage(feat.BIA)-Bahari' console.log("저는 " + name + "이고, 나이는 " + (age + alpha) + "살입니다. 요즘 자주 듣는 노래는 " + song + " 입니다.") // 이 부분을 아래와 같이 바꿀 수 있게 됨 console.log(`저는 ${ name }이고, 나이는 ${age + alpha}살입니다. 요즘 자주 듣는 노래는 ${song}입니다... 2021. 1. 12.
[JS] Failed to load resource: the server responded with a status of 404 (Not Found) - 이미지 안나올 때 imageDiv.style.backgroundImage = 'url(./img/${pictures[counter]}.jpeg)' 이미지 슬라이드 만든다고 저렇게 해놨는데 자꾸 사진이 안바뀌길래 뭐가 문제인가 계속 찾아봤는데 다시 살펴보니까 저렇게 써야하는게 아니고 imageDiv.style.backgroundImage = `url('./img/${pictures[counter]}.jpeg')` 빨간색으로 된 부분을 잘못 써놨었다,, 후,, 그래서 계속 사진을 읽어오지 못한거였어,, `(backtick) ⬅️ 을 치려면 Mac에서는 영문으로 입력받는 상태일 때는 ₩를 누르면 `가 나오는데, 한글로 입력받는 상태에 ₩을 누르면 문자 그대로 ₩가 나오게 되니까 한글로 입력중일때는 option + ₩ 를눌러주면.. 2021. 1. 12.
[프로그래머스/Level 2] 고무보트 [ 코딩테스트 연습 > 탐욕법 > 구명보트 ] 코딩테스트 연습 - 구명보트 무인도에 갇힌 사람들을 구명보트를 이용하여 구출하려고 합니다. 구명보트는 작아서 한 번에 최대 2명씩 밖에 탈 수 없고, 무게 제한도 있습니다. 예를 들어, 사람들의 몸무게가 [70kg, 50kg, 80kg, 5 programmers.co.kr 문제 설명 무인도에 갇힌 사람들을 구명보트를 이용하여 구출하려고 합니다. 구명보트는 작아서 한 번에 최대 2명씩 밖에 탈 수 없고, 무게 제한도 있습니다. 예를 들어, 사람들의 몸무게가 [70kg, 50kg, 80kg, 50kg]이고 구명보트의 무게 제한이 100kg이라면 2번째 사람과 4번째 사람은 같이 탈 수 있지만 1번째 사람과 3번째 사람의 무게의 합은 150kg이므로 구명보트의 무.. 2021. 1. 7.
[ML] BoVW : bag of visual words | Feature engineering [ ML 텀 프로젝트로 진행했던 2D caltech101 data 분류 정리] BoVW [ bag of visual words ] 사진이나 영상 분류를 위해 영상에서 feature를 뽑아 분류하는 것 ❗️ feature를 뽑는다는 것 - SIFT 기법과 같은 방법을 통해 영상의 특징이 되는 부분 예를 들면 아래 왼쪽과 같은 그림에서 특징이라고 할 수 있는 코나, 입, 턱 선등을 영상에서 뽑아내는 것을 의미한다. BoVW 알고리즘 방법 1️⃣ 모든 영상의 특징점 검출 2️⃣ 모든 특징점들이 Codebook 계산 ( 중요한 특징들을 뽑는 것 ) 3️⃣ 모든 영상과 Codebook을 비교해서 histogram ( 빈도수 ) 계산 4️⃣ 분류기를 사용해 학습 및 예측 SIFT 기법 영상의 특징점을 검출하는 방법.. 2020. 12. 22.
[CSS] CSS 박스 모델 1️⃣ 블록 레벨요소 - , 등 - 요소를 삽입했을 때 한 줄을 차지하는 요소 - 요소의 너비가 100% 2️⃣ 인라인 레벨 요소 - , , 등 - 줄을 차지하지 않는 요소 - 화면에 표시되는 콘텐츠만큼만 영역을 차지하고 나머지 공간에는 다른 요소가 올 수 있음 박스 모델 실체 1️⃣ 콘텐츠 영역, 2️⃣ 패딩(padding), 3️⃣ 박스의 테두리(border), 4️⃣ 마진(margin) 등의 요소로 구성 📌 width & height 속성 : 실체 콘텐츠 영역의 크기 지정 [ defalut값 : auto ] width : 크기 or 백분율 or auto height : 크기 or 백분율 or auto 📌 display 속성 : 블록 레벨 요소 ➡️ 인라인 레벨 요소 OR 인라인 레벨 요소 ➡️ 블록.. 2020. 11. 10.

티스토리툴바