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..

알고리즘 공부를 시작해야하는데, 너무너무너무너무 귀찮아서 아주 조금 했다 ㅋㅋㅋ 오늘 공부한 것 중에 까먹지 말아야 할 것들 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..

static 파일(정적 파일) 미리 서버에 저장되어 있는 파일 서버에 저장된 그대로를 서비스 해주는 파일 dynamic 파일 서버에 있는 데이터들이 어느정도 가공된 다음 서비스 되는 파일 누가 어디서 어떻게 저장하느냐에 따라 달라지는 파일 "static" - 프로젝트 입장에서 뭔지 아는 파일(개발 전, 미리 준비해둔 파일) "media" - 웹 서비스 이용자들이 업로드 하는 파일! static 파일의 처리 과정 위치 찾기 모으기 static 담을 폴더 만들기 (앱 안에 static 만들고 파일 넣기) 장고에게 파일이 어디있고 어디로 모을지 알려주기 (settings.py에서) STATIC_URL = '/static/' STATICFILES_DIRES = [ os.path.join(BASE_DIR, 'po..