loading
본문 바로가기

프론트엔드4

[ node / Express ] 콜백중복호출 또는 바디오류 *에러코드 [ERR_HTTP_HEADERS_SENT]: Cannot set headers after they are sent to the client *발생이유 실수로 콜백 호출이 한번이 아니라 그 이상이 되거나, 바디(body)가 전송된 이후에 오류가 발생하는 경우 생기는 에러이다. res.redirect 에서 문제가 생길수도있다. For example, look for callbacks that are accidentally called twice, or any error that happens after the body is sen *해결방법 중복처리가 제대로 된건지 확인할 필요가 있다. 보통은 if문, 반복문에 오류가 났을 가능성이 있으니 그쪽부터 보면 좋을것 같다 ex ) forEach문등 안에.. 2020. 3. 5.
[node / Express] 템플릿과 html 관한 오류 *에러코드 Error: No default engine was specified and no extension was provided *원인 node.js express로 html file을 로드할때 에러가 발생하는 현상이었다. 이에대하여 스택오버플로우와 검색을 통해 쉽게 해결할 수 있는 방법은 2가지 정도라고 생각되었다. 이미 view파일에 ejs를 이용하여 템플릿을 만들어두었던 상태이기때문에 탬플릿으로 화면엔진을 설정해주었다 *해결방법 1.EJS(탬플릿)으로 엔진 설정하기 2.sendFile로 html파일을 뿌리기 *발생당시 의존성 "dependencies": { "body-parser": "~1.18.2", "cookie-parser": "~1.4.3", "debug": "~2.6.9", "ejs".. 2020. 3. 3.
OOP - (2)팩토리펑션, 상속 팩토리함수 (Factory Function) 모든 함수는 새로운 객체를 반환할 수 있고, 그중에서 생성자함수(Constructor)를 통해 만든 함수가 아닌것을 '팩토리함수'라고 부른다. 앞서 만들었던 티비가 놀랍게도 인기가 많아져서 대량생산을 하고싶어졌다면? 하나하나 새롭게 코드를 적기에는 너무 힘이 든다... 마치 공장(Factory)에서 기계를 이용해 편하게 물품을 생산하듯이 재사용성을 위해 함수를 만들어 호출하는 방식이 더 유용할것이다. // 생성자함수 ... function Tv(){ Tv.prototype.color = function(){ console.log('black'); } } let tv2 = new Tv(); console.log(tv2.color()); // 팩토리함수 ... l.. 2020. 1. 12.
OOP - (1) 캡슐화, 추상화 OOP (Object Oriented Programming) / 객체지향프로그램 Encapsulation - 캡슐화 Abstration - 추상화 Factory Function - 팩토리함수 Inheritance - 상속 OOP란 객체를 이용해서 코드를 정리하는 방식 이다. 예를 들어 기존에는 티비를 직접 가서 버튼을 눌러 켜야했지만, '리모콘'이 생긴다면 좀더 편리하게 조작할 수 있게 된다. 이러한 것을 객체지향프로그램이라고 한다. 티비의 리모콘 기능중, 볼륨을 조절하는 코드를 작성해보았다. 객체안에 구현된 함수이기때문에 메소드 형태이다. var tv = { volume : 0, volumeMax : function(){ this.volume = 100; }, volumeMin : function(){.. 2020. 1. 10.