천천히 알아가는 세상

안녕하세요. 이번에는 JavaScript 형변환에 대하여 알아보겠습니다. 1. 형변환 JavaScript 코딩을 하다 타입 형까지 체크를 해야 하는 경우가 있고, 필요에 따라서는 결과 값을 원하는 타입으로 바꿔야 하는 경우도 있습니다. 결과 값도 지정해준 타입으로 나오면 좋겠지만, 어려운 경우에는 형 변환을 이용하는 방법이 있습니다. 먼저 console.log() 함수를 통해서 간단한 계산을 해봅니다. a = 1, b = 2라는 값을 설정하고 a+b를 실행해 봅니다. 그러면 제일 마지막의 a+b = 3 이 출력되는 것을 볼 수 있습니다. 이번에는 a를 문자로 설정한 후에 다시 계산을 해봅니다. 원래의 결과라면 위 그림과 동일하게 3의 값을 출력해야 합니다. 그러나 결과는 32라는 값이 출력이 되었습니다...

안녕하세요. 이번에는 JavaScript에 있는 자료형에 대하여 알아보겠습니다. 1. JavaScript 자료형 - 기본형(Primitive) String Number Boolean null undefined - 객체 (Object) 기본형 제외한 나머지 1-2. String 문자 데이터를 나타낼 때 사용 1-3. Number 숫자형으로 정수와 부동 소수점, 무한대 및 NaN(숫자 아님) 1-4. Boolean 참(true), 거짓(false) 둘 중 하나의 값을 갖는 요소 1-5. Null 빈 값을 뜻하는 null 타입 타입은 존재하지만 값 존재 X 1-6. Undefined 값 X 타입 X 자료형을 확일 할 때는 typeof() 함수를 사용하여 확인할 수 있습니다. 이상으로 JavaScript 자료형..

안녕하세요. 이번에는 JavaScript에 대하여 알아보도록 하겠습니다. JavaScript JavaScript (JS)는 가벼운, 인터프리터 혹은 just-in-time 컴파일 프로그래밍 언어로, 일급 함수를 지원합니다. 웹 페이지를 위한 스크립트 언어로 잘 알려져 있지만, Node.js, Apache CouchDB, Adobe Acrobat처럼 많은 비 브라우저 환경에서도 사용하고 있습니다. JavaScript는 프로토타입 기반, 다중 패러다임, 단일 스레드, 동적 언어로, 객체지향형, 명령형, 선언형(함수형 프로그래밍 등) 스타일을 지원합니다. 사용하는 곳에 따라서 다르지만 HTML 기준으로 말씀드리자면 웹 페이지에서 복잡한 기능을 구현할 수 있도록 하는 스크립팅 언어 또는 프로그래밍 언어입니다. ..

안녕하세요 이번에는 CSS에서 Animation에 대해서 알아보겠습니다. 자세하게 보고 싶으신 분은 공식 홈페이지에 있는 문서를 참조하시면 됩니다. animation mdn web docs 바로가기 CSS3 애니메이션은 엘리먼트에 적용되는 CSS 스타일을 다른 CSS 스타일로 부드럽게 전환시켜 줍니다. 애니메이션은 애니메이션을 나타내는 CSS 스타일과 애니메이션의 중간 상태를 나타내는 키프레임들로 이루어집니다. CSS 애니메이션은 기존에 사용되던 스크립트를 이용한 애니메이션보다 다음 세 가지 이유에서 이점을 가집니다. 자바스크립트를 모르더라도 간단하게 애니메이션을 만들 수 있습니다. 자바스크립트를 이용한 애니메이션은 잘 만들어졌더라도 성능이 좋지 못할 때가 있습니다. CSS 애니메이션은 frame-ski..

안녕하세요 이번에는 CSS의 display 속성에 대하여 알아보겠습니다. display 속성에 따라서 한 줄을 차지하거나 글자 크기만 차지하거나 여러 가지 형태가 가능합니다. 1. inline span 태그처럼 내용에 따라서 크기가 결정, 크기 조절 불가 span-inline1 d-inline1 div 태그의 기본 속성은 block이지만 css로 inline 속성을 부여한 상태라서 아래 이미지와 같이 div 태그도 span 태그처럼 태그 내부 요소의 크기만큼 자리를 차지합니다. 또한 inline 속성이라 다음 줄로 안 넘어가고 한 줄에 연속으로 입력이 됩니다. 2. block div 태그처럼 한 줄을 차지하는 속성, 크기 조절 가능 d-block2 d-block3 d-block4 div 태그는 기본적으로..