본문 바로가기

JavaScript5

Webpack과 Babel 리액트를 사용하려면 Webpack 과 Babel이라는 것을 알아야한다. Webpack Webpack은 오픈소스 자바스크립트 모듈 번들러이다. 주로 자바스크립트를 위한 모듈 번들러지만 호환 플러그인을 포함하는 경우 HTML, CSS, IMAGE와 같은 프론트엔드 자산들을 변환할 수 있다. Webpack은 의존성이 있는 모듈을 취하여 해당 모듈을 대표하는 정적 자산들을 생산한다. HTML 파일에 들어가는 자바스크립트 파일들을 하나의 자바스크립트 파일로 만들어주는 방식을 모듈 번들링이라고 한다. 즉, 필요한 다수의 자바스크립트 파일을 하나의 자바스크립트 파일로 만들어주는 것을 Webpack이라고 한다. 이전에는 페이지마다 html을 요청해서 뿌려주는 방식이었지만 요즘은 SPA라는 하나의 html 페이지에 여러.. 2021. 1. 22.
[찰떡피플] 2일만에 600명을 돌파한 찰떡피플 어쩌다가 찰떡피플이란 서비스를 만들게 되었을까? 웹을 풀 스택으로 진행해본 것은 교내 수업 중 JSP를 이용한 수업이 처음이자 마지막일 줄 알았다. 하지만 SOPT를 하면서 웹 스터디에 참여하게 되었고, javascript 기반의 웹 풀 스택으로 개발을 진행할 기회가 왔다. 기획부터 개발까지 모든 역할을 팀원들과 분배해서 진행했다. 반응형 웹으로 만들 계획이었고 당연히 모바일에서도 반응형이 완벽하게 되길 개발적으로 기획했다. 서비스적인 면으로는 어떤 기획을 해볼까 하다가 요즘 사람들이 자주 사용하는 서비스를 만들어보고 싶어서 MBTI를 이용하기로 했다. 한참 MBTI가 활성화됐을 때쯤 우리는 팀 프로젝트를 자주 하는 만큼 '나는 어떤 협업 유형인가?'에 대한 설문조사와 이에 따른 결과를 '떡'으로 묘사하.. 2020. 9. 18.
DB, JWT, 프로젝트 구조 ※이 포스팅은 sopt 26기 server part seminar 자료 바탕으로 작성되었으며, 복습용입니다. 1-1. ERD ERD는 개체 관계 다이어그램으로, 말 그대로 개체간의 관계를 다이어그램을 표시해둔 것 (테이블을 생성하고 수정, 삭제, 연결 등을 할 수 있다!) 2-1. 인증 인증이란, API 요청에 대해 사용 가능한 사용자인지 확인하는 절차 즉, 클라이언트가 주장하는 사용자와 같은 사용자인지 확인 ex) 아이디에 알맞는 비밀번호로 로그인 2-2. 인가 인가란, 사용자가 특정 자원에 대한 접근 권한이 있는지 권한 체크를 하는 것 즉, 클라이언트가 하고자 하는 작업이 해당 클라이언트에게 허가된 작업인지 확인 ex) 사용자의 권한 레벨에 따라 접근할 수 있는 부분 제한 2-3. 무상태 프로토콜 무.. 2020. 8. 24.
Database, RDS ※이 포스팅은 sopt 26기 server part seminar 자료 바탕으로 작성되었으며, 복습용입니다. 1-1. DATABASE Database란, - 체계화된 데이터의 집합체 - 중복된 데이터를 없애고, 자료를 구조화하는 효율적인 처리 DBMS란, 데이터베이스를 관리하는 미들웨어 SQL을 사용하면 RDB, SQL을 사용하지 않으면 NoSQL이다. 2-1. RDB RDB란, Relational Database로 - key & value 들의 간단한 관계를 테이블화 시킨 매우 간단한 원칙의 데이터베이스 - 데이터를 column과 row를 이루는 하나 이상의 테이블 예를 들면 테이블의 컬럼이 id 일 때, id는 key가 되고 id 컬럼에 속한 'a'라는 id는 value가 된다. 2-2. Primar.. 2020. 8. 24.
Javascript ※이 포스팅은 sopt 26기 server part seminar 자료 바탕으로 작성되었으며, 복습용입니다. 1-1. Javascript란? Javascript는 객체 기반 스크립트 언어 (=인터프리터 언어) 다. 여기서 스크립트 언어는 -코드를 한 줄씩 번역하고 실행한다. -실행 속도가 컴파일 언어에 비해 느리다. -타입을 명시하지 않는다. -*프로토타입 기반의 객체지향 언어다. *프로토타입 기반 프로그래밍은 객체지향 프로그래밍의 한 형태의 갈래로 클래스가 없고, 클래스 기반 언어에서 상속을 사용하는 것과는 다르게, 객체를 원형(프로토타입)으로 하여 복제의 과정을 통하여 객체의 동작 방식을 다시 사용할 수 있다. 그럼 스크립트 언어에 반대되는 개념은 컴파일 언어라고 할 수 있다. 컴파일 언어의 대표적인.. 2020. 5. 10.