FE

프로토타입 체인, .prototype, .__proto__, Object, extends,super 자바스크립트는 프로토타입 기반 언어다. 이 자바스크립트에 상속을 부여하기 위해 사용되는건 프로토타입 체인이다. 프로토타입 체인은 부모클래스의 속성과 메소드를 자식클래스에게 부여하면서 자식클래스는 딱시 명시하지 않아도 상속받은 부모클래스의 속성과 메소드를 사용할 수 있다. 2022.07.22 - [SEB_FE] - SEB_17_프로토타입과_클래스 SEB_17_프로토타입과_클래스 프로토타입과 클래스 자세하고 정확한 설명은 https://developer.mozilla.org/ko/docs/Learn/JavaScript/Objects/Object_prototypes Object prototypes - Web 개..

페이지네이션 함수를 구현해보았다. 보여줄 페이지 수를 정한뒤 for문으로 얼만큼 보여줄 것인지 정하고 돔 형식으로 바꿔 넣어주는 함수였다 저번에 구현해볼때는 어려웠는데 구현하고 나니 약간 알듯말듯하다 아직 이전,다음 버튼을 구현하지는 못했다. 그런데 페이지 버튼을 만들고 나니 원리를 알게돼서 이전 다음버튼은 나름 어떻게 구상해야겠다는 느낌이 든다

객체 지향 프로그래밍, 절차 지향 프로그래밍, 클래스와 인스턴스, 프로토타입 > 지금까지 배워온 클로저와 클래스 고차함수등 사람이 읽기 편한 코드를 만들어가는 과정을 알아갔다. 프로그래밍에서 추상화하는 방법에 대해 알게됐고 점점 고수준 언어, 문법을 많이 사용하는 쪽으로 바뀌는걸 보면서 프로그래밍 언어도 멈춰있는 정적의 언어가 아니라 사용할 수록 발달하고 어렵거나 보안 문제가 발생되는 경우 도태되는 등 동적의 언어라는걸 느끼게 된 하루였다.

프로토타입과 클래스 자세하고 정확한 설명은 https://developer.mozilla.org/ko/docs/Learn/JavaScript/Objects/Object_prototypes Object prototypes - Web 개발 학습하기 | MDN Javascript에서는 객체를 상속하기 위하여 프로토타입이라는 방식을 사용합니다. 본 문서에서는 프로토타입 체인이 동작하는 방식을 설명하고 이미 존재하는 생성자에 메소드를 추가하기 위해 developer.mozilla.org javascript는 프로토타입 기반 언어이다 객체를 상속하기 위하여 프로토타입이라는 방식을 사용하는데 약간 비밀스러운 공간이라고 생각하면 된다 정확히 말하면 상위 객체에 있는 속성을 하위 객체에게 물려준다는 것보다 프로토타입 체..

객체 지향 프로그래밍(OOP - Object Oriented Programming) 절차 지향 : 순차적으로 명령에 따름 객체 지향 : 데이터와 기능(메서드)가 별개 취급되지 않고 한 번에 묶어서 처리 가능 원시적 언어에서는 절차 지향 프로그래밍이었다. 최근 언어들은 객체 지향적이다. 자바스크립트는 정확히 말하면 객체 지향 언어는 아니지만 객체 지향으로 작성은 가능하다. > 도대체 왜 객체 지향적으로 언어가 변화하였을까? - 객체 지향 프로그래밍의 4가지 개념으로 알아보자 - 1. Encapsulation (캡슐화) ➡️ 데이터와 기능을 하나의 단위로 묶는 것 ➡️ 은닉(hiding)과 느슨한결합(Loose Coupling) ➡️ 느슨한 결합은 코드가 상징하는 실제 모습과 비슷하게 코드를 모아 결합하는 ..

클래스와 인스턴스에 대해 설명하려면 일단 객체 지향 프로그래밍이라는 것을 알아야한다. 객체 지향 프로그래밍이란? OOP(Object-oriented programming) 코드를 추상화하여 사람이 읽기 쉬운 코드를 만들어 낼 수 있다 자바스크립트에는 내장 타입인 객체(object literal)가 있는데 이것과 구분하기 위해 객체 지향 프로그래밍을 위한 틀은 클래스(Class)라는 이름으로 부른다 클로저 모듈 패턴은 객체.메서드() 방식처럼 객체 내의 메서드를 호출하는 방법이다. 클로저 모듈 패턴을 사용하면 재사용성이 높아지기 때문에 추상화를 하기에 적합하다. 객체지향도 추상화를 위한 것이라 객체 지향 프로그래밍을 할 때 클로저 모듈 패턴이 많이 사용된다. 다만 주의할 점으로는 클로저 모듈 패턴을 사용할..

KPT회고로 작성해보았다. [목표] 코드스테이츠 수료 후 2개월 안에 복지가 좋은 회사에서 FE개발자로 일하기 내가 만들어 보고 싶은 웹사이트 개발해서 배포해보기 [Keep & Problem] Keep Problem 오전 8시 전에 일어나기 위해 1시전에는 잠든 것 금요일 저녁에 공부하지 못한 것 블로깅 주에 1번 이상은 했던 것 블로그 글 하나 작성하는데 시간이 너무 오래 걸리는 것 수업이 끝난 후 운동 30분 이상 한 것 허리가 아파서 오래 앉아있지 못한 거 북마크만 해두고 자세히 보지 않아 쌓인 레퍼런스 [Try] 1순위 2순위 3순위 오전 8시 전에 일어나기 위해 1시전에 잠들기 주말로 미루지 않고, 자습할 때 그 날 못한 부분 최대한 해보기 새로운 주제 학습보다 복습하기!! 먼저 노션에 기록하고..

JavaScript Koans 1. expect(테스트하는 값).기대하는조건 > .to.be.true > .to.equal() : 엄격한 검사 (===) 2. 타입을 혼동해서 연산하지 않는 코딩을 하자 > 변칙이 너무 많다 3. const 재할당 금지 const로 선언된 배열의 경우 새로운 요소를 추가하거나 삭제할 수 있고, 객체도 마찬가지로 속성을 추가하거나 삭제할 수 있다 > ? 주소가 할당된거라 그런게 아닐까? > const 사용 이유는 재할당이 안된다는 점때문에 재할당으로 인한 예상치 못한 오류를 방지할 수 있다는 장점이 있다. 4. 함수 호이스팅 > 함수가 작성된 곳 위쪽에서 함수를 호출하여도 함수가 작동된다. , 선언만 호이스팅 대상이며 이때 var 선언은 초기화를 한다 undefined로 >..