본문 바로가기

🌌 | WEB DEV115

JS_기본 문법 (15)_연산자(쉼표, null병합(??) ) 지금까지 살펴본 것 외의 연산자들에 대해서도 알아보자! 1. 쉼표 연산자 왼쪽부터 차례로 실행되며, 가장 마지막 연산을 반환한다. console.log( (1,2,3) ); >>> 3 console.log( (10/2, 5%2, 1+1) ); >>> 2 이처럼 가장 마지막 연산의 값을 반환한다! 2. null 병합 연산자 ?? null 또는 undefined를 걸러낼 수 있는 연산자이다. 즉, 앞의 원소가 둘 중 하나일 경우 뒤의 원소로 대체가 가능하다! let x;//undefined x ?? console.log('Hello'); x = null;//null x ?? console.log('Hello'); x = 0; x ?? console.log('Hello'); //0을 반환하고 종료 x = 1;.. 2023. 2. 26.

JS_기본 문법 (14)_불리언에 사용되는 연산자들 불리언(boolean)에 관련된 연산자들에 대해서 알아보자! let a = 1 === 2;//false let b = 'abc' !== 'def'//true let c = a !== b;//true let d = typeof a === typeof b === true;//true 4번째 예시와 같이 연속 비교 시에는 우선순위에 따라 연산이 된다. (해당 예시는 같은 우선순위 이므로 앞의 연산이 먼저) 1. 연산자 1) 부정 연산자 ! 를 이용해 NOT 연산을 수행할 수 있다. !true //false !!true//true 이때 !!로 두개를 붙일 경우 !가 서로 치환되는데 이를 이용하여 현재 값을 boolean 값으로 변환 할 수 있다. console.log(!!'a') >>> true 2) AND O.. 2023. 2. 26.

JS_기본 문법 (13)_숫자에 사용되는 연산자들 숫자와 관련된 연산자들을 알아보자! 1. 숫자 자료형 number 1) 양과 음 JS에서는 정수와 실수 모두 number 자료형이다. 즉, 정수도 내부에서 실수를 표현하는 방식으로 처리된다. + 와 -로 양과 음을 나타낸다! 2) 무한대 Infinity 는 무한대를 표현하는 자료형으로 number의 범주에 속한다. 이 또한 양과 음이 존재한다. 3) NaN Not a Number의 약자로 숫자가 아닌 것을 의미한다. NaN 역시 number의 범주에 속한다. let x = 1 / 'a'; let y = 2 * 'a'; let z = NaN; console.log(x, typeof x); console.log(y, typeof y); console.log(z, typeof z); >>> NaN 'numbe.. 2023. 2. 26.

JS_기본 문법 (12)_문자열에 사용되는 연산자들 문자열에 사용되는 연산자들에 대해 알아보자! 1. 비교 연산자 연산자 의미 x == y 값이 같음 x === y 자료형과 값이 같음 x != y 값이 다름 x !== y 자료형 또는 값이 다름 x = y 사전 순 상으로 y가 먼저 오거나 같음 console.log('1' == 1, '1' === 1); >> true false == 은 자료형을 고려하지 않지만 ===은 자료형을 고려한다. 따라서 ===과 !==을 권장한다! console.log( 'A' >> true true false 비교 연산자를 이용할 경우 사전 상의 순서를 고려한다. 이때 대문자가 소문자보다 빠르다. 숫자 문자열의 비교.. 2023. 2. 26.

JS_기본 문법 (11)_템플릿 문자열 JS에서 문자열 내의 일정한 틀(template)을 이용하는 방법에 대해 알아보자. 변수에 저장된 값을 삽일할 수 있다. let name = 'KASSID' let month = 11 let day = 23 console.log(`${name}님의 등록일은 ${month}월 ${day}일 입니다.`) -------- KASSID님의 등록일은 11월 23일 입니다. 함수값을 바로 활용할 수 있다. let num = 3; let getTwice = (x)=>{ return x * 2 } console.log(`${num}의 두 배는 ${getTwice(num)}`) -------- 3의 두 배는 6 2022. 11. 23.

JS_문법 (10)_대화창 대화창에 사용자와 상호작용할 수 있는 함수들에 대해서 알아보자! prompt() 사용자로부터 문자열 입력을 받는 함수이다. 이를 parseInt()와 같은 함수로 형변환하여 활용할 수 있다. prompt("대화창 메세지"); const num = prompt("이름을 입력하세요"); const num = parseInt(prompt("숫자를 입력하세요")); alert() 사용자에게 경고창을 띄우는 함수이다. alert("대화창 메세지"); alert("Hello!"); confirm() 사용자로부터 Y/N을 받는 함수이다. confirm("대화창 메세지"); const yesNo = confirm(num+" 명이 맞습니까?"); //script의 변수를 활용할 수 있다. 2022. 7. 26.

Django_장고 부수기 (7)_login, logout 로그인/아웃 구현 1. urls.py 어플리케이션에 종속되는 것이 아니므로 프로젝트의 urls.py에 패턴을 추가한다. from django.contrib import admin from django.urls import include, path from django.contrib.auth import views urlpatterns = [ path(r'^admin/', admin.site.urls), path(r'^accounts/login/$', views.LoginView.as_view(template_name="registration/login.html"), name='login'), path(r'^accounts/logout/$', views.LogoutView.as_view(template_n.. 2022. 6. 30.

Django_장고 부수기 (6)_CRUD CRUD (Create Read Update Delete) 생성, 읽기, 수정, 삭제가 가능한 페이지를 구현해보자 Form CRUD를 위해서 필요한 태그이다. 이 태그를 이용해서 인터페이스를 만들 수 있다. 이를 이용하여 양식을 만들어 내기도 하고, 입력받은 데이터로 객체를 생성해낼 수도 있다. 1. forms.py 생성 - 어플리케이션 디렉토리 내에 해당 파일을 생성한다. - form 모델을 장고로부터 가져오고, 어플리케이션의 원하는 모델을 가져와야한다. 예시 from django import forms from .models import Post class PostForm(forms.ModelForm): class Meta: model = Post fields = ('title', 'text',) -.. 2022. 6. 30.

Django_장고 부수기 (5)_페이지 이동, 상세 페이지 페이지 이동 브라우저로부터 request를 받고 적절한 url을 연결시켜주어야 한다. urls.py) - url패턴에 path를 추가해준다. path('url경로', views.함수명, name='템플릿 태그에 쓰일 이름') 예시 path('post_list', views.post_list, name='post_list'), 'main루트/post_lis't가 url 경로가 된다. views.py) request 등의 매개변수로 전달 받은 것을 처리한 후 render, redirect 등의 함수를 호출, 반환한다. template) 템플릿에서는 템플릿 태그를 이용해 호출한다. 내용은 urls.py의 name에 정의된 이름을 이용한다. ... 상세 페이지 pk(Primary Key) DB의 각 레코드를 식.. 2022. 6. 30.

이전 1 ··· 5 6 7 8 9 10 11 ··· 13 다음

티스토리툴바