스터디코드

[JavaScript] 객체와 배열이 섞인 복잡한 객체 만들어서 접근하는 방법

이 스터디 코드에 접근하기 위해서는 Replit에서 풀었던 문제로 예시 들었다. 객체란(Object)? let myDog = { name: 'jang-gun', legs: 4, tails: 1 } 특정한 property에 key를 이용해서 value에 접근하는 것이다. 객체 속성 접근 [ Dot Notation ] -> . 이용하기 function dotNotation() { // 아래의 코드는 수정하지 마세요. let testObj = { "hat": "ballcap", "shirt": "jersey", "shoes": "cleats" }; // 아래의 코드를 수정해주세요. let hatValue = testObj; let shirtValue = testObj; hatVa..

[JavaScript] 변수가 필요한 이유와 선언하는 방법

변수가 필요한 이유 변수(Variable)는 프로그램에서 사용되는 데이터를 일정 기간 동안 기억하여 필요한 때에 다시 사용하기 위해 데이터에 고유의 이름인 식별자(identifier)를 명시하며 데이터를 담는 바구니이자 바뀔 수 있는 공간라고 생각하면 된다. 식별자는 어떤 대상을 유일하게 식별할 수 있는 이름 ex. 변수명, 함수명, 프로퍼티명, 클래스 명 사람을 고유한 이름으로 식별하듯이 변수도 사람이 이해할 수 있는 언어로 지정한 고유한 식별자(변수명)에 의해 구별하여 참조할 수 있다. 변수와 대비되는 개념은 상수라고 하며 변하지 않는 공간 여기서 잠깐! 데이터는 메모리에 저장되어 있어 그 데이터를 참조하려면 메모리 상의 주소를 알아야 한다. 식별자는 데이터가 저장된 메모리 상의 주소를 기억하기에 메..

[HTML] block line 태그 5개를 일렬로 나열하면 어떻게 될까?

먼저 block line vs inline 요소에 대해서 알게 되면, 우리가 궁금한 점을 해결할 수 있다. inline 요소에 해당하는 tag 중에 다음 span은 인라인 요소로, 영향 범위의 시작과 끝을 알 수 있도록 배경색을 지정했습니다. 다음 span은 인라인 요소로, 영향 범위의 시작과 끝을 알 수 있도록 배경색을 지정했습니다. block line 요소에 해당하는 tag 중에 다음 p는 블록 레벨 요소로, 영향 범위의 시작과 끝을 알 수 있도록 배경색을 지정했습니다. 다음 p는 블록 레벨 요소 로, 영향 범위의 시작과 끝을 알 수 있도록 배경색을 지정했습니다. 이처럼, inline 요소는 줄바꿈을 강제하지 않지만, block line 요소는 줄바꿈을 유발하도록 합니다. 그럼, block line ..