빵구의 개발 메꾸기

개발하다보면 화면단에서 JSON 데이터를 많이 다루게 된다. JSON 객체 데이터를 가지고 어떻게 문자열로 변환하고 반대로 JSON 구조의 문자열을 객체로 파싱하는지 알아보자. 다음은 실무에서 많이 사용하는 경우이다.

비교 시 ==는 타입을 검사하지 않지만 ===는 타입까지 세세하게 검사한다. 자바스크립트에는 타입이 여러가지가 있는데 조건문에서 변수 타입에 따라 처리하는 로직이 많이 사용된다. 이에 따라 여러가지 상황일 때 타입에 대한 결과값이 어떻게 나오는지 예를 들어보자. 사이에 &&가 있는 경우는 && 기준으로 양쪽에 있는 값이 모두 true이어야 결과가 true가 된다. 좌측에 대한 값이 true이고 우측에 대한 값이 true일 때는 우측 값이 출력된다. 하지만 좌측의 값이 false인 경우는 뒤의 값이 true이던 false이던 이미 좌측에서 false이기 때문에 결과는 false가 나오므로 false가 출력된다.

ES6은 ECMAScript 6을 의미한다. 변수 선언 : let 상수 선언 : const 키보드에 숫자1옆에 있는 `를 양 끝에 작성하고 파라미터로 받은 value에 대해 ${value} 로 표기해준다. 자바스크립트에서 람다식을 활용하면 코드를 간결하게 작성할 수 있고 가독성이 좋다. 람다식을 활용한 배열안의 요소들에 대해 제곱을 구할시 방법 두가지에 대해 예를 들자면 첫번째 방법으로 squared라는 배열을 선언해두고 forEach를 돌려서 squared 배열에 담기게 처리하는 방법과 두번째 방법으로 동일하게 squared라는 변수를 선언하되 값이 할당되게끔 우측에서 map을 활용하게 되면 결과에 대한 값이 직접적으로 squared 변수에 담기게 된다. 코드가 한결 짧아지고 가독성이 좋아졌다. 첫번째..

부모 클래스의 프로퍼티와 메서드를 자식 클래스가 물려받는 것을 의미한다. 상속을 받는 자식 클래스의 경우 부모의 소스 코드를 복사할 필요 없이 부모 클래스의 프로퍼티와 메서드를 모두 사용할 수 있을 뿐 아니라 필요한 기능을 추가해 확장할 수도 있다. 상속을 사용하는 이유는 크게 두가지가 있는데 첫번째는 코드를 재사용할 수 있기 때문이다. 두번째는 중복 코드를 제거할 수 있는 기능을 가지고 있다. 자식 클래스의 prototype 속성에 부모 클래스의 인스턴스를 대입하는 방식을 활용한다. 부모 객체의 모든 기능이 자식 객체의 prototype에 연결되어 자식 객체에서 부모의 모든 기능을 사용할 수 있다. 자식 클래스에는 parentMethod1이라는 메서드가 존재하지 않지만 ParentClass를 상속받았기..

jQuery는 유틸리티와 플러그인 두 가지가 있다. jQuery가 제공하는 기능 이외의 기능이 필요한 경우 편리하게 확장해서 사용 가능하다. 자바스크립트 클래스로 만들어서 사용하는 것보다 jQuery 플러그인으로 만들면 편하게 사용할 수 있다. 보통 클래스를 만들고 인스턴스를 생성해서 접근 한 후 사용해야 한다는 번거로움이 있다. 별도의 인스턴스 생성 없이 호출해서 사용한다. jQuery의 trim() 메서드와 같은 유틸리티는 주로 도움을 주는 기능을 한다. 사용법은 jQuery 클래스에 직접 접근해서 사용한다. jQuery.유틸리티() or $.유틸리티(); $는 jQuery 클래스 자체를 나타내며 jquery 유틸리티는 jQuery의 클래스 메서드다. 따라서 별도의 인스턴스 생성 없이 바로 접근해서 ..