분류 전체보기

    [TIL] div 디자인

    [TIL] div 디자인

    HTML 안녕하세요 개발자입니다. CSS .box { width: 100px; background-color: cadetblue; margin: 10px; padding: 40px; border: 1px solid white; border-radius: 5px; margin-left: auto; margin-right: auto; color: white; box-shadow: 12px 12px 2px 1px rgba(0, 0, 0, 0.3); }

    [TIL] margin, padding

    margin : 상하좌우 여백 padding: 상하좌우 안쪽 여백 margin margin 속성을 사용하면 요소 사이의 여백을 설정할 수 있다. 여백의 크기도 px 단위로 설정할 수 있다. margin 속성 또한 다양하게 표기 가능하다. Heading 1 4가지 방식이 존재한다. 1. 한꺼번에 지정하기 Heading 1 2. 4면이 모두 같을 때 지정하기 Heading 1 3. 위, 오른쪽&왼쪽, 아래 Heading 1 4. 위&아래 , 오른쪽&왼쪽 Heading 1 padding padding 속성을 사용하면 안쪽 여백을 설정할 수 있다. 여백의 크기도 px 단위로 설정할 수 있다. padding 속성 또한 다양하게 표기 가능하다. Heading 1 4가지 방식이 존재한다. 1. 한꺼번에 지정하기 시계..

    [TIL] CSS Selector

    [TIL] CSS Selector

    CSS Selector 클래스와 아이디는 같아 보이지만 차이점이 존재한다. 1. 같은 클래스 이름을 여러 요소가 가질 수 있지만, 같은 아이디를 여러 요소가 공유할 수는 없다. 2. 한 요소가 여러 클래스를 가질 수 있지만, 한 요소는 하나의 아이디만 가질 수 있다. 👉 즉, 한 요소는 클래스는 여러개 가질 수 있고, 아이디는 하나만 가질 수 있다. 1. 태그 셀렉터 (Type Selector) 지정된 태그명을 가지는 요소를 선택한다. css li { } 2. class 셀렉터 (Class Selector) class 속성 값을 지정하여 일치하는 요소를 선택한다. class 속성값은 중복이 가능하다. html Hello World! '.' 으로 해당 태그의 클래스의 이름으로 선택하는 것이 가능하다. cs..

    [TIL] 이미지 가운데 정렬

    이미지를 가운데 정렬 display: block; margin-left: auto; margin-right: auto;

    [TIL] 전역변수와 지역변수

    함수는 유효 범위에 따라 전역변수(Global Variable)와 지역 변수(Local Variable)로 나뉜다. 전역변수 : 함수 외부에서 선언된 변수로, 프로그램 전체에서 접근할 수 있는 변수다. 지역변수 : 함수 내부에서 선언된 변수로, 함수가 실행되면 만들어지고, 함수가 종료되면 소멸한다. 함수 외부에서는 접근할 수 없다. // 전역 변수와 지역 변수 // 전역변수 let name = "JS" let msg = "Welcome!"; function hello(name){ // 지역변수 let msg = "Hello!" console.log(name + " " + msg); } // 전역변수 출력 console.log(name + " " + msg) // JS Welcome! // 지역변수 출력 ..

    [lv.1] 문자열 다루기 기본

    [lv.1] 문자열 다루기 기본

    문제 설명 문자열 s의 길이가 4 혹은 6이고, 숫자로만 구성돼있는지 확인해주는 함수, solution을 완성하세요. 예를 들어 s가 "a234"이면 False를 리턴하고 "1234"라면 True를 리턴하면 됩니다. 제한 사항 s는 길이 1 이상, 길이 8 이하인 문자열입니다. 입출력 예 s return "a234" false "1234" true 내 풀이 틀린 풀이 function solution(s) { return !isNaN(s) && (s.length == 4 || s.length == 6); } 이 문제는 쉬운 문제라고 생각하고 풀었는데 테스트 케이스 11번에서 자꾸만 막혔다 ㅜㅠ 찾아보니 11번 테스트 케이스는 지수형태인데, isNaN 메서드는 지수형태 또한 숫자로 판별한다고 한다. 정답 풀..

    [javascript] forEach is not a function error

    [javascript] forEach is not a function error

    문제 자바스크립트에서 문자열에 대해 forEach문을 사용했는데 이 에러가 나면서 실행이 되지 않음. 원인 문자열은 배열이 아니기 때문에, 유사 배열이라 이런 오류가 생긴다고 한다. 유사 배열 객체 Array 형태란 arguments가 length 속성과 0부터 인덱스 된다는 특징을 가지고 있지만, Array의 forEach, map과 같은 내장 메서드를 가지고 있지 않는 것을 의미한다. 배열인지 아닌지 확인하는 방법은 Array.isArray(유사 배열 객체 또는 배열 객체) 로 확인하면 된다. const arr = [1,2,3,4,5]; const str = "2e3"; var node = document.querySelector('div'); var ele = document.body.childre..

    [lv.1] 문자열 내 p와 y의 개수

    [lv.1] 문자열 내 p와 y의 개수

    문제 설명 대문자와 소문자가 섞여있는 문자열 s가 주어집니다. s에 'p'의 개수와 'y'의 개수를 비교해 같으면 True, 다르면 False를 return 하는 solution를 완성하세요. 'p', 'y' 모두 하나도 없는 경우는 항상 True를 리턴합니다. 단, 개수를 비교할 때 대문자와 소문자는 구별하지 않습니다. 예를 들어 s가 "pPoooyY"면 true를 return하고 "Pyy"라면 false를 return합니다. 제한 사항 문자열 s의 길이 : 50 이하의 자연수 문자열 s는 알파벳으로만 이루어져 있습니다. 입출력 예 s answer "pPoooyY" true "Pyy" false 입출력 예 설명 입출력 예 #1 'p'의 개수 2개, 'y'의 개수 2개로 같으므로 true를 return ..

    [lv.1] 내적

    [lv.1] 내적

    문제 설명 길이가 같은 두 1차원 정수 배열 a, b가 매개변수로 주어집니다. a와 b의 내적을 return 하도록 solution 함수를 완성해주세요. 이때, a와 b의 내적은 a[0]*b[0] + a[1]*b[1] + ... + a[n-1]*b[n-1] 입니다. (n은 a, b의 길이) 제한 사항 a, b의 길이는 1 이상 1,000 이하입니다. a, b의 모든 수는 -1,000 이상 1,000 이하입니다. 입출력 예 a b result [1,2,3,4] [-3,-1,0,2] 3 [-1,0,1] [1,0,-1] -2 입출력 예 설명 입출력 예 #1 a와 b의 내적은 1*(-3) + 2*(-1) + 3*0 + 4*2 = 3 입니다. 입출력 예 #2 a와 b의 내적은 (-1)*1 + 0*0 + 1*(-1..