EunSeo's Dev Story

유효성 검사- 유효성 검사 (Validation)는 사용자가 폼 페이지에서 입력한 데이터 값이 서버로 전송되기 전에 특정 규칙에 맞게 입력되었는지 검증하는 것을 의미합니다.- 유효성 검사의 예로는 폼 페이지에서 나이를 입력할 때 숫자를 인식하는 검사, 회원 가입 시 아이디 중복 검사 등이 있습니다. 1. 유효성 검사를 위한 핸들러 함수- 핸들러 함수는 폼 페이지에서 이벤트가 발생했을 때의 유효성 검사를 위해 매핑하는 메소드로, 자바스크립트를 이용하여 유효성 검사 코드를 작성합니다.- 자바스크립트는 웹 브라우저에서 유효성 검사를 처리하므로 서버에서 처리하는 것보다 속도가 빠르고, 서버에 과부하를 주지 않습니다.   2. 유효성 검사 처리 방법- 사용자가 폼 페이지에 입력한 데이터 값이 서버로 전송되기 전에..

01. 자기소개 페이지 만들기 Template Engine을 활용해서 이미 있는 코드들 사이에 기능 추가하기 Template Engine : JavaScript를 사용해 HTML을 동적으로 렌더링할 수 있게 해주는 엔진 PUG : 템플릿 엔진 중 Express View 엔진으로 npm으로 설치가 가능하다. 02. 게시판 만들기 게시판의 상세페이지 확인, 게시물 추가, 수정, 삭제 기능 (CRUD) 구현하기 app.js 에 라우터를 등록 /models/schemas/posts.js 에서 스키마를 설정 /models/index.js 에서 스키마를 바탕으로 몽구스를 설정하고 (2)에서 만든 모델을 바탕을 스키마를 생성합니다. router/posts.js 에서 작업을 진행. GET LIST는 구현되어있다는 전제..

01 프로퍼티와 메서드 데이터 타입의 프로퍼티와 메서드 : 객체뿐만아니라 여러 데이터 타입도 프로퍼티와 메서드를 가진다. - 프로퍼티 : '키(Key): 값(Value)' 쌍으로 구성되어 객체를 이루는 요소이다. - 메서드 : 객체 내 프로퍼티 값이 함수일 경우를 메서드라고 한다. 문자열 프로퍼티와 메서드 : 문자열에도 아래와 같은 기능을 가진 프로퍼티와 메서드들이 있다. 배열 프로퍼티와 메서드 Math의 수학 연산 메서드 문자를 숫자로 변환하는 메서드 02 연산자 산술 연산자 : 숫자 뿐 아니라 문자열도 산술 연산자 사용 가능 증감 연산자 : ++ 1씩 증가 -- 1씩 감소 비교 연산자 : === 연산자는 데이터 타입과 데이터 값 두 개를 동시에 비교한다. true, false 를 반환한다. 논리 연산자

01 자바스크립트 소개 자바스크립트란? - 이미지 슬라이드 효과, 팝업 효과 등의 기능을 포함한 동적인 웹사이트 제작 시 사용되는 프로그래밍 언어 - HTML(내용), CSS(디자인), JS(동작)를 활용해 동적인 웹사이트를 제작한다. 자바스크립트의 활용 범위 - IOT : IOT 분야에서 파이썬, 자바스크립트 등과 같은 스크립트 언어로 사물인터넷 분야를 만드는데 자주 사용된다. - 하이브리드 앱 : Android, IOS는 다른 운영체제를 사용하고 있어 서로 다른 개발 언어를 사용해야 하는데 자바스크립트 기반인 리액트 네이티브 프레임워크는 Android, IOS에서 한 번에 개발할 수 있게 해준다. - 서버 개발 : node.js는 자바스크립트 기반의 서버 프로그래밍 언어로 서버 개발도 할 수 있다. ..