늦깍이 코린이

1. HTML로 NAVBAR와 LIST 준비 Navbar An item A second item A third item A fourth item And a fifth one 2. CSS .list-group{ max-height: 0; transition: max-height 1s ease-out; overflow: hidden; } .show{ max-height: 300px; transition: max-height 1s ease-in; } overflow : hidden 과 transition: max-height 1s ease-out / ease-in 1. overflow : hidden overflow CSS 단축 속성은 요소의 컨텐츠가 너무 커서 요소의 블록 서식 맥락에 맞출 수 없을 때의 처..

해당 글은 노마드 코더의 '바닐라JS' 챌린지의 내용 정리입니다. 실행 화면 주의했던 점 Seconds 부분과 Minutes 부분은 00분 00초의 형태가 되도록 한다. (ex. 6분 6초면 06분 06초 남았습니다. 와 같은 형식으로...) HTML code Time Until Christmas Eve clock 헤맨 부분 div와 h1, h2를 id가 아닌 class로 하니 이상하게 querySelector로 불러와서 style을 지정하는게 되질 않았다. 해결 과정에서 얻은 지식 div의 배치 querySelector가 아닌 getElementById로 class가 아닌 id를 사용하니 훨씬 수월해졌다. 이후 코드로 살펴보자. JavaScript[JS] const clock = document.get..

해당 글은 노마드 코더의 '바닐라JS' 챌린지의 내용 정리입니다. 실행 화면 주의했던 점 Machine Number를 Submit Number가 넘지 않도록 한다. Machine Number와 Submit Number의 자료형이 'Number'가 아니라면 alert 해주자.(해당 주의점은 시도하였으나, 알 수 없는 이유로 실패, 추후 다시 해볼 예정) HTML code Random Number Game Generate a number between 0 to Guess the number: Play! 헤맨 부분 div의 구역을 나눠서 텍스트와 input부분을 잘 맞춰서 정렬하는 것. [div의 구역 나누기] span은 style ="display:inline-block;"을 사용해야 한 블록을 가지게 된다..

문제 설명 배열 array의 i번째 숫자부터 j번째 숫자까지 자르고 정렬했을 때, k번째에 있는 수를 구하려 합니다. 예를 들어 array가 [1, 5, 2, 6, 3, 7, 4], i = 2, j = 5, k = 3이라면 1. array의 2번째부터 5번째까지 자르면 [5, 2, 6, 3]입니다. 2. 1에서 나온 배열을 정렬하면 [2, 3, 5, 6]입니다. 3. 2에서 나온 배열의 3번째 숫자는 5입니다. 배열 array, [i, j, k]를 원소로 가진 2차원 배열 commands가 매개변수로 주어질 때, commands의 모든 원소에 대해 앞서 설명한 연산을 적용했을 때 나온 결과를 배열에 담아 return 하도록 solution 함수를 작성해주세요. 제한사항 #array의 길이는 1 이상 10..

현재 '모던 자바스크립트 Deep Dive'를 통해 자바스크립트를 학습하고 있습니다. 본 포스트는 해당 내용에 대한 정리를 목적으로 합니다. 원시 타입 / 객체 타입 원시 타입 : 숫자 : JS는 독특하게 하나의 숫자 타입만 존재함 문자열 : ' ' , " " (일반적으로 작은 따옴표를 사용한다) \0 (null), \b (backspace), \n (다음 행으로 이동), \r (커서를 처음으로 이동) \t (수평 탭), \v (수직 탭), \' , \" , \\ 불리언 : true, false undefined, null, 심벌 객체 타입 : 객체, 함수, 배열 등 데이터 타입의 필요성 데이터 타입에 의한 메모리 공간의 확보와 참조 / 메모리에서 읽어 들인 2진수를 어떻게 해석할지 결정하기 위해 정적 ..

현재 '모던 자바스크립트 Deep Dive'를 통해 자바스크립트를 학습하고 있습니다. 본 포스트는 해당 내용에 대한 정리를 목적으로 합니다. 용어 정리 1. 값 value: 식(표현식 Expression)이 평가 evaluate되어 생성된 결과 2. 평가 : 식을 해석해서 값을 생성하거나 참조하는 것 3. 리터럴 literal: 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기법 notation 4. 표현식 : 값으로 평가될 수 있는 문 statement. 표현식이 평가되면 새로운 값을 생성하거나 기존값을 참조한다. (값으로 평가될 수 있는 문은 모두 표현식이다.) 5. 문 : 프로그램을 구성하는 기본 단위이자 최소 실행 단위 6. 토큰 token: 문법적인 의미를 가지며, 문법..

현재 '모던 자바스크립트 Deep Dive'를 통해 자바스크립트를 학습하고 있습니다. 본 포스트는 해당 내용에 대한 정리를 목적으로 합니다. 컴퓨터는 CPU를 사용해 연산하고, 메모리를 사용해 데이터를 기억한다. 메모리는 데이터를 저장할 수 있는 메모리 셀의 집합체이다. 각 셀은 고유의 메모리 주소를 갖는다. C언어의 경우, malloc과 같이 직접적으로 메모리 주소에 접근할 수 있다. JS의 경우, 직접적으로 메모리 주소에 접근할 수 없다. 변수는 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름을 말한다. 값의 위치, 메모리 주소를 가리키는 상징적인 이름이다. (기억하고 싶은 값을 메모리에 저장하고, 저장된 값을 읽어 들여 재사용하기 위한 것이 변수)..