JavaScript

[혼Project] TO Do List (230706)

1. 개요 프로젝트 이름 : To Do List Github : https://github.com/Roxy100/to-do-list 배포주소 : https://roxy100.github.io/to-do-list/ 사용한 기술스택 : HTML5, CSS3, JavaScript 2. 구현 페이지 input칸에 텍스트 입력(Enter) 하게 되면, 파란색칸으로 생성되는 칸! 완료한 것을 체크하고 싶을 때, 파란색 칸이 -> 회색칸으로 바뀜! 리스트가 많아질 때, 오른쪽 스크롤바 css 생성 (-webkit-scrollbar 이용) 삭제하고 싶을 때, 빨간색 x 버튼 누름! 3. 느낀 점 기본적인 포트폴리오 컨셉을 먼저 TodoList로 진행하고 싶었다. 아이템 생성 및 삭제는 강의에서 배운 북마크 추가 프로젝..

[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