javascript

자바스크립트를 이용해서 방향키를 눌렀을 때 해당 방향으로 물고기가 이동하게 하는 문제를 푸는 중이었다. 물고기의 방향을 각각 변수로 선언했는데, 물고기가 움직이지 않았다. 위와 같이 parseInt()를 사용하여 fish의 left와 top 값을 바꾸려고 했는데 작동이 되지 않았다. 문제점 콘솔에 fish.style을 콘솔에 찍었을 때 공란이 떴다. parseInt()를 수행한 후에 fish.style.left를 콘솔에 찍어보았을 때, NaN이 찍혔다. 이유? fish.style을 통해 스타일을 확인하는 것은 인라인 스타일을 확인하는 것이다. 내가 작성한 코드는 인라인 스타일이 아니라 CSS 스타일 시트에 정의된 스타일이기 때문에 해당 방법으로는 스타일 정보를 얻을 수 없다. parseInt()는 문자열..

사칙연산 증감연산 비교연산 논리연산

1. Primitive type 1-1. Number type Number : typeof instance === 'number' Number 타입은 모두 실수로 처리됨 1-2. String type String: typeof instance == 'string' 템플릿 문자열이란? : 문자열에 변수를 포함시킬 때 좀 더 직관적이고 편하게 사용하기 위한 기능 - 문자열을 만들 때 큰따옴표(") 대신 백틱(`) 사용 - 변수를 넣고자 하는 부분에 ${} 키워드를 사용해 변수 넣기 - 장점: 문자열을 나눠서 더하기 기호를 통해 연결할 필요가 없음 👉 가독성이 좋음 1-3. Boolean type Boolean: typeof instance === 'boolean' 1-4. undefined undefined..

언어는 크게 정적 타입 언어와 동적 타입 언어로 나뉘는데, 자바스크립트는 동적 타입 언어이다. 정적 타입 언어와 동적 타입 언어를 구분하자면 아래와 같다. 정적 타입 언어 vs 동적 타입 언어 정적 타입 언어 동적 타입 언어 정의 정해진 자료형에 정확한 값이 전달되어야 하는 언어 값이 전달될 때 자료형이 결정되는 언어 종류 C, C++, Java, C# JavaScript, Python 특징 규칙을 중요시 함, 설계, 규약, 규격 프레임워크에서 상속의 비중이 큼 규칙보다 사용 중심적, 진보적, 인간중심 상속의 비중 낮고 함수의 비중 높음 시대의 요구사항을 빠르게 적용하는 데에서 중요 장점 안정적 문법의 규약이 상대적으로 적음, 간단함 단점 보수적, 기계적, 과업지향적 문법 에러가 많이 생겨도 발견하기 어..