Jerry

형 변환 문자, 숫자, 논리형으로의 형 변환 1. 문자형으로 변환 String(value)을 사용하여 문자형으로 명시적 변환 2, 숫자형으로 변환 Number(value)을 사용하여 숫자형으로 변환 전달 받은 값 형 변환 후 undefined NaN null 0 true and false 1 과 0 string 문자열의 처음과 끝 공백이 제거됩니다. 공백 제거 후 남아있는 문자열이 없다면 0, 그렇지 않다면 문자열에서 숫자를 읽습니다. 변환에 실패하면 NaN이 됩니다. 3. 불린형으로 변환 Boolean(value)을 사용하여 불린형으로 변환 전달 받은 값 형 변환 후 0, null, undefined, NaN, "" false 그 외의 값 true 출처: JAVASCRIPT.INFO | https://..

변수 변수는 데이터를 저장할 때 쓰이는 '이름이 붙은 저장소'입니다. 자바스크립트에서는 let 키워드를 사용해 변수를 생성합니다. 예를 들어, #1은 'message'라는 이름을 가진 변수를 생성(선언)합니다. #2는 연산자 '='를 사용해, 'Hello'를 변수에 데이터를 저장합니다. (변수명을 이용해 문자열에 접근이 가능해짐) #3은 저장된 변수 값을 보여줍니다. let message; // #1 message = 'Hello'; // #2 alert(message); // #3 위에서 보여준 코드 예시를 그림으로 나타내면 아래와 같이 나타낼 수 있습니다. message라는 변수에 'Hello!'라는 데이터 값을 넣어주었습니다. 하지만, 아래 코드 예시는 #3이 추가되었네요. 이것은 무엇을 의미할까요..

쉬운 주제라고 생각을 했지만, 역시 이 분야에서는 호락호락한 게 없다. 대충 아는 것보다 아예 모르는게 낫다. 어설프게 알바에 조금만 더 노력해서 제대로 아는 게 중요하다. 엄격 모드(strict mode)란? 자바스크립트는 오랫동안 호환성 이슈 없이 발전했다. 이 말은 기존의 기능을 변경하지 않으면서 새로운 기능이 추가 됐다는 걸 의미한다. 또한, 기존에 작성한 코드는 절대 망가지지 않는다는 장점과 자바스크립트 창시자들이 했던 실수와 불완전한 결정 또한 이어진다는 의미이다. 그러던 도중, 2009년 ECMAScript(ES5)가 등장하고 나서 새로운 기능이 추가되고 기존 기능 중 일부가 변경되었다. 이 말은 즉, 기존 기능을 변경했기 때문에 하위 호환성 문제가 발생할 수 있다는 의미기도 하다. 그래서 ..

이 글은 JAVASCRIPT.INFO를 공부하면서 정리한 글입니다. 본문을 보고 싶으시다면, JAVASCRIPT.INFO (

제목에서 느꼈을 수도 있는데, 필자는 1일 1 커밋 운동처럼 1일 1 JAVASCRIPT.INFO 정리 글을 적어보려고 한다. 공부한 내용을 적어보는 거라 글의 형식이 파괴될 수 있으며 전문성 또한 떨어질 수 있다. 하지만, 개인적으로 너무 욕심내지 않고 중요한 부분 위주로 이해가 쉽게 가도록 정리를 해보려고 한다. 그러니 너그럽게 봐주길 바란다. 자바스크립트란? 무엇일까? 필자는 이 제목을 보고 끌려서 글까지 적기로 생각을 했다. 개인적으로 자바스크립트는 '기존의 정적인 HTML 환경에서 동적인 기능을 추가하고 싶어서 생긴 언어가 자바스크립트다.'라고 정도로 알고 있었다. 아무래도 깊게 자바스크립트에 대해 알지 못하더라도 "자바스크립트가 무엇이죠?"라는 질문을 받았다고 생각을 해보니, 클릭이 저절로 된..

필자는 리덕스에 대한 코드 스테이츠 과정에서 리덕스에 대해서 학습하였지만 코드로 구현하는 부분과 리덕스 코드를 이해하는 부분이 부족하다고 느껴져 '인프런에서 제로초님의 'Redux vs MobX (둘 다 배우자!)'라는 유료 강의를 결제해 공부하고 있다. 강의 특성상 MobX 내용이 포함되어 있지만, 시간 관계상 redux에 관한 내용 위주로 학습하려고 한다. 이 글의 목적은 강의를 수강하면서 학습한 내용을 이해 및 정리하고자 이렇게 글을 적게 되었다. 이번 기회를 통해 리덕스에 대해 제대로 이해해보고 프로젝트에서 사용한 리덕스 코드도 같이 이해하려고 한다. (프로젝트 관련한 내용은 언급하지 않습니다) 리덕스 폴더 구조 아래 이미지에서 1.redux 디렉터리와 2.redux 디렉터리가 보인다. 두 디렉터..

필자는 리덕스에 대한 코드 스테이츠 과정에서 리덕스에 대해서 학습하였지만 코드로 구현하는 부분과 리덕스 코드를 이해하는 부분이 부족하다고 느껴져 '인프런에서 제로초님의 'Redux vs MobX (둘 다 배우자!)'라는 유료 강의를 결제해 공부하고 있다. 강의 특성상 MobX 내용이 포함되어 있지만, 시간 관계상 redux에 관한 내용 위주로 학습하려고 한다. 이 글의 목적은 강의를 수강하면서 학습한 내용을 이해 및 정리하고자 이렇게 글을 적게 되었다. 이번 기회를 통해 리덕스에 대해 제대로 이해해보고 프로젝트에서 사용한 리덕스 코드도 같이 이해하려고 한다. (프로젝트 관련한 내용은 언급하지 않습니다) Action Creator 제로초님이 프로그래밍 팁을 알려주셨다! 그것이 무엇이냐면 '변수명을 짓는 상..

필자는 리덕스에 대한 코드 스테이츠 과정에서 리덕스에 대해서 학습하였지만 코드로 구현하는 부분과 리덕스 코드를 이해하는 부분이 부족하다고 느껴져 '인프런에서 제로초님의 'Redux vs MobX (둘 다 배우자!)'라는 유료 강의를 결제해 공부하고 있다. 강의 특성상 MobX 내용이 포함되어 있지만, 시간 관계상 redux에 관한 내용 위주로 학습하려고 한다. 이 글의 목적은 강의를 수강하면서 학습한 내용을 이해 및 정리하고자 이렇게 글을 적게 되었다. 이번 기회를 통해 리덕스에 대해 제대로 이해해보고 프로젝트에서 사용한 리덕스 코드도 같이 이해하려고 한다. (프로젝트 관련한 내용은 언급하지 않습니다) 프로젝트 세팅 제목만 봐서는 무언가 있을 것 같은 느낌이 든다. 하지만, 무겁지 않다! npm init..