꺾이지 않는 마음

Try-catch문은 주로 서버와 관련된 네트워크 작업에서 발생할 오류를 잡고 처리하기 위해 사용한다. 제어문에서는 Try-catch문을 사용할 일이 거의 없지만, 그래도 알아두면 좋은 개념이므로 한번 연습해보았다. Try-catch문의 기본 문법은 아래와 같다. try { 검사할 코드 } catch (매개변수) { 오류 발생시 실행할 코드 } 앞에 서술한 {}는 오류 발생 여부를 확인할 코드를 감싼다. 뒤에 서술한 {}는 앞서 {}로 감싼 코드에서 오류가 발생할 시 오류를 무시하고 실행할 코드를 작성한다. 원래 에러가 발생하면 해당 실행문이 중단되지만 후술한 catch () {}를 통해 에러를 무시하고 새로운 코드를 실행할 수 있게 되는 것이다. 즉, Try-catch문은 에러가 발생했을 때를 대비하여..

#1 '웹개발'이란? 말 그대로 웹페이지를 만드는 것이다. #2 작동원리 우리는 보통 웹 사이트를 방문하기 위해서는 컴퓨터나 노트북으로 브라우저를 이용한다. 브라우저 주소창에 특정 주소를 입력하거나, 포털사이트 검색 결과로 나온 링크를 클릭하면 브라우저가 그 기업의 컴퓨터에 방문하겠다는 요청을 보낸다. 이 요청을 보낼 때 쓰는 표준화된 방식이 'HTTP' 혹은 'HTTPS'(Hypertext Transfer Protocol Secure)이며, 컴퓨터는 사용자에게 보여줄 웹페이지 화면을 나타내는 웹사이트 코드를 브라우저에게 보냄으로써 이에 응답한다. 즉, 웹 개발자란 어떤 코드로,' 어떤 프로그래밍 언어로 응답을 보낼 코드를 작성해야 할까'를 고민하는 것이라고 사람이라고 할 수 있다. 물론, 이건 매우 축..

유튜브에서 제공하는 API를 이용하면 유튜브에 있는 다양한 기능을 내 웹사이트에서 이용할 수 있다. 유튜브에서는 오픈소스로 다양한 API를 제공하고 있는데, 본 포스팅에서는 IFrame으로 유튜브 영상을 내 웹사이트에 가져와 실행하는 기능을 구현하고자 한다. 검색창에 '유튜브 iframe api'라고 검색해서 공식 문서가 있는 홈페이지로 들어간다. https://developers.google.com/youtube/iframe_api_reference?hl=ko iframe 삽입에 대한 YouTube Player API 참조 문서 | YouTube IFrame Player API | Google Developers Embed a YouTube player in your application. develo..

형 변환 함수나 연산자에 전달되는 값은 대게 적절한 자료형으로 자동 변환된다. 예를 들어 alert 메서드는 전달받은 값을 자동으로 문자열로 변환하여 보여주는 것이나, 나누기 연산자나 곱셈 연산자가 전달 받은 인수를 숫자로 변환하여 인식하는 것 등이 있다. 문자형으로 변환 문자형으로 변환하는 함수는 String()이다. let age = 26; alert(typeof age); // number age = String(age); // 숫자 26을 문자열 "26"으로 변환 alert(typeof age); // string 숫자형으로 변환 숫자형으로 변환하는 함수는 Number()이다. let str = "123"; alert(typeof str); // string str = Number(str); //..

자바스크립트에서 모든 값은 특정한 자료형으로 분류된다. 기본 자료형은 총 8개가 있다. 1. 숫자형(number) 숫자형(number)은 정수와 소수를 포함한다. Infinity, -Infinity, NaN 와 같은 특수 숫자값도 포함된다. Infinity는 무한대를 나타낸다. 어떤 숫자든 0으로 나누면 무한대다. alert( 7 / 0 ); // Infinity NaN은 숫자가 아닌 값에 숫자의 계산식을 사용하면 반환되는 값이다. 계산의 에러를 나타낸다. alert( "apple" / 4 ); // "apple"은 문자형 값임 2. BigInt형 (2의 53승-1)(9007199254740991) 보다 큰 값 혹은 -(2의 53승-1) 보다 작은 정수는 '숫자형’을 사용해 나타낼 수 없다. 사실 이렇게..

📁 변수(variable) 변수(variable)는 데이터 컨테이너다. 컨테이너에는 데이터(값)을 저장할 수 있다. 그리고 이 컨테이너에는 각각 이름표가 달려있다. 우리가 일상생활에서 '의류' 라고 써있는 상자에는 옷들을 넣고, '주방용품' 이라고 써있는 상자에는 조리도구를 넣어서 집안물건들을 분류해 정리하는 모습을 상상하면 쉽다. 즉, 변수는 데이터(값)을 저장하는 가상공간이다. 1️⃣ 변수를 생성하는 키워드는 let let name; name = 'mincheol'; // mincheol이란 문자열 저장 변수를 선언하고 값을 할당하던가, let name = 'mincheol'; 위의 방식처럼 변수의 선언과 값 할당을 한 줄에 하는 것도 가능하다. let name = 'mincheol', age = 2..

엄격 모드란? 자바스크립트는 꽤 오랫동안 호환성 이슈 없이 발전해왔다. 그 이유는 자바스크립트의 버전 업데이트 방식 때문인데, 기존의 기능을 건들지 않은 채 새로운 기능을 추가하는 방식으로 진행해왔던 것이다. 덕분에 기존에 작성했던 코드가 망가지는 일은 절대 발생하지 않았다. 버전이 업데이트 되더라도 기존의 기능에는 변경점이 없으니까. 하지만 기존의 자바스크립트가 갖고 있던 불완전한 기능이나 체계 등을 고스란히 안고 가야하는 문제가 있었다. 하지만 2009년 ECMAScript5(ES5)가 등장하면서 기존 기능의 일부가 변경되었다. 그러면 기존의 코드에 호환성 문제가 발생할 수 있지 않은가? 그래서 변경사항의 대부분을 ES5의 기본 모드에서는 활성화되지 않도록 설계하였고, 대신 use stric이라는 특..

22/06/27 학습내용 정리 이벤트(event)란? 자바스크립트는 사용자와 상호작용하기 위해 만들어졌다. 상호작용을 하려면 사용자가 웹 브라우저 상에서 특정한 동작을 해야하고, 웹브라우저는 그러한 사용자의 동작을 감지할 수 있어야 한다. 대표적인 예시로 사용자가 웹 상의 어떤 버튼을 클릭한다던가, 입력창에 글자를 타이핑하는 등의 행위가 있다. 이렇듯 웹 브라우저에서 일어나는 유용한 사건을 바로 '이벤트(event)'라고 한다. 이벤트(event)의 종류 이벤트의 종류에는 수십가지가 있지만, 그 중 자주 쓰는 것들은 정해져있기 때문에 처음부터 다 외울 필요는 없다. 지금은 간단하게 어떤 것들이 있는지 살펴보기만 하자. UI Event load: 웹페이지나 스크립트의 로드가 완료되었을 때 unload: 웹..