문돌이 Theo

Functions (함수) 함수 in JavaScript 참조 타입 중 하나로써 function 타입에 속함 자바스크립트에서 함수를 정의하는 방법은 주로 2가지로 구분 함수 선언식 (function declaration) 함수 표현식 (function expression) 자바스크립트의 함수는 일급 객체에 해당 일급 객체 : 다음 조건들을 만족하는 객체를 의미함 변수에 할당 가능 함수의 매개변수로 전달 가능 함수의 반환 값으로 사용 가능 함수 선언식 (function statement, declaration) 함수의 이름과 함께 정의하는 방식 3가지 부분으로 구성 함수의 이름 (name) 매개변수 (args) 몸통 (중괄호 내부) 함수 표현식 (function expression) 함수를 표현식내에서 정..

Conditions (조건문) 조건문의 종류와 특징 if statement 조건 표현식의 결과값을 Boolean 타입으로 변환 후 참/거짓을 판단 switch statement 조건 표현식의 결과값이 어느 값(case)에 해당하는지 판별 주로 특정 변수의 값에 따라 조건을 분기할 때 활용 조건이 많아질 경우 if문보다 가독성이 나을 수 있음 if statement 조건문 if, else if, else 조건은 소괄호 ()안에 작성 실행할 코드는 중괄호 {} 안에 작성 블록 스코프 생성 switch statement 조건문 switch 표현식의 결과값을 이용한 조건문 표현식의 결과값과 case문의 오른쪽 값을 비교 break 및 default 문은 [선택적]으로 사용 가능 break문이 없는 경우 brea..

Types (데이터 타입) 데이터 타입 종류 자바스크립트의 모든 값은 특정한 데이터 타입을 가짐 크게 원시 타입(Primitive type)과 참조 타입(Reference type)으로 분류됨 원시 타입 (Primitive type) 객체 (object)가 아닌 기본 타입들을 말함 변수에 해당 타입의 값이 담김 다른 변수에 복사할 때 실제 값이 복사됨 숫자 (Number) 타입 정수, 실수 구분 없는 하나의 숫자 타입 부동소수점 형식을 따름 NaN (Not-A-Number) 계산 불가능한 경우 반환되는 값 문자열 (String) 타입 텍스트 데이터를 나타내는 타입 16비트 유니코드 문자의 집합 작은따옴표또는 큰따옴표 모두 가능 템플릿 리터럴 (Template Literal) ES6부터 지원 따옴표 대신 ..

DRF - many_to_one 요청 및 테스트는 POSTMAN을 사용 https://www.django-rest-framework.org/ Comment 모델 준비 # models.py class Comment(models.Model): article = models.ForeignKey(Article, on_delete=models.CASCADE) content = models.TextField() created_at = models.DateTimeField(auto_now_add=True) updated_at = models.DateTimeField(auto_now=True) $ python manage.py makemigrations $ python manage.py migrate $ python ..

DRF - single model 요청 및 테스트는 POSTMAN을 사용 https://www.django-rest-framework.org/ 프로젝트 준비 $ python -m venv venv $ source venv/Scripts/activate $ pip install django django-seed djangorestframework django-extensions ipython $ pip freeze > requirements.txt $ django-admin startproject my_api . $ python manage.py startapp articles # settings.py INSTALLED_APPS = [ 'articles', 'django_seed&#3..

Variables & Identifiers (변수와 식별자) 식별자 정의와 특징 식별자(identifier)는 변수를 구분할 수 있는 변수명을 말함 식별자는 반드시 문자, 달러($) 또는 밑줄(_)로 시작 대소문자를 구분하며, 클래스명 외에는 모두 소문자로 시작 예약어 사용 불가능 예시: for, if, case 등 식별자 작성 스타일 카멜 케이스(camelCase, lower-camel-case) 변수, 객체, 함수에 사용 파스칼 케이스(PascalCase, upper-camel-case) 클래스, 생성자에 사용 대문자 스네이크 케이스(SNAKE_CASE) 상수에 사용 상수 : 개발자의 의도와 상관없이 변경될 가능성이 없는 값 // 카멜 케이스 const userInfo = { name: 'Theo',..

ECMAScript 6 ECMA? 정보 통신에 대한 표준을 제정하는 비영리 표준화 기구 ECMAScript는 ECMA에서 ECMA-262 규격에 따라 정의한 언어 ECMA-262 : 범용적인 목적의 프로그래밍 언어에 대한 명세 ECMAScript6는 ECMA에서 제안하는 6번째 표준 명세를 말함 참고로 ECMAScript6의 발표 연도에 따라 ECMAScript2015라고도 불림 세미콜론 자바스크립트는 세미콜론을 선택적으로 사용 가능 세미콜론이 없을 경우 ASI에 의해 자동으로 세미콜론이 삽입 ASI : 자동 세미콜론 삽입 규칙 (Automatic Semicolon Insertion) 자바스크립트의 문법, 개념적 측면에 집중하기 위해 세미콜론을 사용하지 않고 진행하고자 함 코딩 스타일 가이드 코딩 스타일..

Event 네트워크 활동 혹은 사용자와의 상호작용 같은 사건의 발생을 알리기 위한 객체 이벤트는 마우스를 클릭하거나 키보드를 누르는 등 사용자 행동에 의해 발생할 수도 있고, 특정 메서드를 호출(HTMLElement.click())하여 프로그래밍적으로도 만들어낼 수 있음 이벤트 처리기 (Event-handlers) EventTarget.addEventListener() 해당 메서드를 통해 다양한 요소에서 이벤트를 붙일 수 있음 removeEventListener()를 통해 이벤트를 제거 가능 Event 기반 인터페이스 UIEvent ref : https://developer.mozilla.org/en-US/docs/Web/API/UIEvent AnimationEvent, ClipboardEvent, Dr..

DOM, BOM 브라우저에서 할 수 있는 일 DOM 조작 문서(HTML) 조작 BOM 조작 navigator, screen, location, frames, history, XHR JavaScript Core (ECMAScript) Data Structure(Object, Array), Conditional Expression, Iteration DOM (Document Object Model) HTML, XML 등과 같은 문서를 다루기 위한 언어 독립적인 문서 모델 인터페이스 문서를 구조화하고 구조화된 구성 요소를 하나의 객체로 취급하여 다루는 논리적 트리 모델 단순한 속성 접근, 메서드 활용 뿐만 아니라 프로그래밍 언어적 특성을 활용한 조작 가능 주요 객체 window : DOM을 표현하는 창, 가장..

DRF (Django REST Framework) Web API 구축을 위한 강력한 toolkit을 제공 REST framework 개발에 필요한 다양한 기능을 제공 Serialization (직렬화) 데이터 구조나 객체 상태를 동일하거나 다른 컴퓨터 환경에 저장하고 나중에 재구성할 수 있는 포맷으로 변환하는 과정 예를 들어 DRF의 Serializer는 Django의 Queryset및 Model Instance와 같은 복잡한 데이터를, JSON, XML 등의 유형으로 쉽게 변환할 수 있는 Python 데이터 타입으로 만들어 줌 DRF의 Serializer는 Django의 Form 및 ModelForm 클래스와 매우 유사하게 작동 Django와의 비교 Django DRF Response HTML JSON..