devlog.

* 코어 자바스크립트 서적을 공부하며 기록하는 글입니다. 프로토타입 constructor, prototype, instance var instance =new Constructor(); 어떤 생성자 함수Constructor 를 new 연산자와 함께 호출하면 Constructor에서 정의된 내용을 바탕으로 새로운 인스턴스instance 가 생성된다. 이때 instance에는 __proto__라는 프로퍼티가 자동으로 부여(생략 가능)되는데, 이 프로퍼티는 Constructor의 prototype이라는 프로퍼티를 참조한다. prototype은 객체임 (proto 또한 객체) prototype 객체 내부에는 인스턴스가 사용할 메서드를 저장함 인스턴스에서도 숨겨진 프로퍼티인 __proto__를 통해 메서드들에 접..

* 코어 자바스크립트 서적을 공부하며 기록하는 글입니다. 클로저 클로저는 자바스크립트 고유의 개념이 아니라 여러 함수형 프로그래밍 언어에서 등장하는 보편적인 특성이다. 클로저는 어떤 함수에서 선언한 변수를 참조하는 내부함수에서만 발생하는 현상이다. A closure is the combination of a function and the lexical environment within which that function was declared - MDN ✅ 외부 함수의 변수를 참조하는 내부 함수 var outer = function () { var a = 1; var inner = function () { return ++a; } return inner; // inner 함수 자체 반환 }; var ou..

* 코어 자바스크립트 서적을 공부하며 기록하는 글입니다. 실행 컨텍스트 : 실행한 코드에 제공할 환경 정보를 모아놓은 객체 동일한 환경에 있는 코드들을 실행할 때 필요한 환경정보들을 모아 컨텍스트를 구성하고, 이를 콜 스택에 쌓아올렸다가, 가장 위에 쌓여있는 컨텍스트와 관련있는 코드들을 실행하는 식으로 전체 코드의 환경과 순서를 보장한다. ※ 동일한 환경 = 하나의 실행 컨텍스트 = 전역공간, eval() 함수, 함수, 블록(ES6) // --------------------------------------(1) var a = 1; var outer = function(){ var inner = function(){ console.log(a); // undefined var a = 3; }; inner(..

어제 forEach, filter 함수와 includes를 사용해서 코드를 짰는데 edge에서만 확인을 했더니.. 오늘 테스트 서버에 올려서 돌려보다가 ie에서 에러가 나는 것을 발견했다. script 오류 : 구문오류 이런 느낌으로 에러가 난다. 에러가 나는 위치를 알려주기 때문에 확인했더니 forEach가 작동하지 않았고, 람다식을 사용한 부분, includes 사용한 부분에서 문제가 발생했다. 찾아보니까 forEach가 IE에서 무조건 동작하지 않는 건 아닌데, 따로 설정이 필요한 것 같다. 그래서 forEach는 그냥 for문으로 변경을, 람다식은 function(){} 으로 바꿨다. filter함수에서 사용한 includes는 구글링 하니까 indexOf로 처리하라고 해서 변경했다. HTML 삽..

js - filter, includes 오늘 코딩 중에 arr1에 있는 것들 중 arr2에 포함되는 게 있으면 빼고 insert 해야하는 내용이 있었다. HTML 삽입 미리보기할 수 없는 소스 filter함수를 사용하면 콜백 함수내에서 조건에 해당하는 부분만 다시 리턴하게 할 수가 있었다. 그래서 contains 같은게 javascript에 있나 싶어서 찾아봤더니 includes가 해당 역할을 했다. Array.prototype.includes() 배열이 특정 요소를 포함하고 있는지 판별합니다. (true/false) 출처 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/includes Array.p..

지난학기에 영상을 이용한 프로젝트를 하면서 gstreamer를 간단히 배웠다. 이게 아마 어떤 기능을 실행하기 위해서는 헤더파일을 추가해야했는데, 그때 visual studio에서 어떻게 하는지의 방법이다! $(GSTREAMER_1_0_ROOT_X86_64)\ gdk pixbuf 헤더파일 include? import? 방법 VC++ 디렉터리 > 포함 디렉터리 : $(GSTREAMER_1_0_ROOT_X86_64)\include\gdk-pixbuf-2.0 $(GSTREAMER_1_0_ROOT_X86_64)\include 라이브러리 디렉터리: $(GSTREAMER_1_0_ROOT_X86_64)\lib $(GSTREAMER_1_0_ROOT_X86_64)(기본 지스트리머 경로) 에서 include 폴더에 들어가..

알고리즘 공부를 시작해야하는데, 너무너무너무너무 귀찮아서 아주 조금 했다 ㅋㅋㅋ 오늘 공부한 것 중에 까먹지 말아야 할 것들 O(n) : 필요한 계산 횟수가 입력 크기 n과 비례할 때 O(1) : 필요한 계산 횟수가 입력 크기 n과 무관할 때 - 나 이거를 드디어 이해했다. 자료구조를 2번이나 들었지만 몰랐고, 그 외에도 몇 번 찾아봤는데 이해가 안 돼서 너무 눈물났는데 드디어 이해했다...! 파이썬에서 range(1,n) : 1 ~ n-1까지. range(1,n+1) : 1 ~ n까지. // (정수 나눗셈)

오늘,, 사실 이거 말고 로그인 공부했어야했는데 오늘 넘 하기 싫어서..헤헤 조금밖에 안했다 템플릿 상속 !!! -> base.html에 겹치는 내용을 미리 작성 -> new.html에는 겹치지 않는 컨텐츠만 집중해서 작성 순서 최상위폴더에 templates 폴더 만들기 이 폴더에 base.html 만들기 base.html에 중복코드 내용 채우기 - {% block contents%} {% endblock %} title이 온다 하면 {% block title %} 이런식으로 쓰면 된다. settings.py에 base.html 위치 알리기 -> settings.py ~ templates라는 리스트에 DIRS에 base.html의 위치를 적어주면 된다. 사용하고자 하는 html에서 겹치는 내용 삭제, b..