개발언어

    [JavaScript] 증감수 i++, ++i, i--, --i 에 대해 알아보기

    https://dasima.xyz/javascript-incre-decre-operators/ 참고

    [JavaScript] Dot Notation vs Bracket Notation 에 대해 알아보기

    https://codeburst.io/javascript-quickie-dot-notation-vs-bracket-notation-333641c0f781 번역

    [JavaScript] 지정된 범위에서 난수를 발생시키는 적당한 함수 <랜덤수> 분석해보기

    function randomRange(min, max) { return Math.floor(Math.random() * (max + 1 - min)) + min; } https://stackoverflow.com/questions/62981108/how-does-math-floormath-random-max-min-1-min-work-in-javascript 참고 https://stackoverflow.com/questions/17516771/javascript-random-number 참고

    [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. 변수명, 함수명, 프로퍼티명, 클래스 명 사람을 고유한 이름으로 식별하듯이 변수도 사람이 이해할 수 있는 언어로 지정한 고유한 식별자(변수명)에 의해 구별하여 참조할 수 있다. 변수와 대비되는 개념은 상수라고 하며 변하지 않는 공간 여기서 잠깐! 데이터는 메모리에 저장되어 있어 그 데이터를 참조하려면 메모리 상의 주소를 알아야 한다. 식별자는 데이터가 저장된 메모리 상의 주소를 기억하기에 메..

    [JavaScript] 데이터 타입 Data Types 의 종류

    Number (숫자) String (문자열) Boolean True False Array (배열) [] 순서가 있는 데이터의 모음 참조타입 Object (객체) {} key : value(property) 로 이루어진 형태 관련된 정보를 묶어 저장하는 경우 Undefined ( 변수는 선언만 했을 뿐, 값이 정의되지 않는 상태 ) let name; Null ( 값이 아예 없다! ) typeof null - object

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

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

    코코아톡 클론코딩 중! 메모!

    Reset CSS - 리셋 CSS는 CSS 파일이다. 브라우저에 기본적으로 적용되어 있는 스타일을 초기화 해준다. - 먼저 브라우저 스타일을 없애고, 직접 디자인 하는게 더 좋은 방법이다. - styles.css에서 작성한 한 부분도 따로 css파일을 만들어 분리해주는 것이 깔끔하게 작업할 수 있는 방법이다. → CSS 코드를 여러 파일로 분할했다가 다시 합친다. 기타 - 모든 input에 focus를 없앨 것이기 때문에, reset.css에 input:focus{ outline: none; }을 적용한다. - 어떤 css파일이건 styles.css에 적용시키고 싶다면, 반드시 import를 해줘야 한다. - 가상 클래스 선택자(pseudo element) - :not()→ 뭔가가 적용되는 걸 원하지 않..