Study/Web Dev Basic (10) 썸네일형 리스트형 what is MVC pattern? MVC Model–view–controller is a software architectural pattern commonly used for developing user interfaces that divide the related program logic into three interconnected elements. model | view에서 보여줄 데이터 데이터를 가져오거나, 생성/업데이트 하기 위한 로직? view | 어플리케이션 사용자에게 보여지는 화면 구성 가져온 데이터를 화면에 표시하는 로직? controller | model과 view가 어떤 일을 해야 하는지를 제어(control), 웹 서버라고 이해하면 쉽다. model과 view는 직접 상호작용 하지 않고, controller를 통해.. Authentication why we use Authentication? 모든 방문자에게 보여지는 게 아닌 컨텐츠가 있을 때, 즉 보호해야할 컨텐츠(protected contents)가 있을 때 authentication이 필요하다. 이 때 컨텐츠란 페이지의 특정 요소라기 보다는, 특정 api의 end point(= 특정 request를 보내고, 그 response를 보여주는 페이지)를 의미하는 경우가 많다. ex) 로그인하지 않은 사용자는 비밀번호를 바꾸는 페이지에 접근할 수 없다. how Authentication works? Authentication Steps get permission 사용자가 로그인을 시도하면, 관련 데이터가 서버에 제출된다. 서버는 DB에 접근해서 id/pw 조합을 확인하고, 그 결과를 respons.. MPA vs. SPA multiple pages app vs. single page app MPA | traditional multiple pages application 하나의 어플리케이션이 여러 URL을 가지고 있다. 각 url 마다 서로 다른 html 파일을 서버에 요청함으로써, 새로운 페이지를 보여준다. 즉, 새로운 컨텐츠를 보여주기 위해 서버에 새로운 요청을 보내야 한다. 이처럼 서로 다른 url 경로가 서로 다른 html 페이지를 보여주는 것을 routing이라고 한다. SPA | single page application 어플리케이션이 시작될 때 한 번만 html 파일을 서버에 요청하고, 페이지를 보여준다. 새로운 컨텐츠를 보여주기 위해서, 새로운 페이지를 요청하지 않아도 된다. SPA에서 url에 따라 다른 컨.. What is LocalStorage? 웹 앱을 reload 하면, 스크립트 파일이 처음부터 재시작 된다. 즉 작성한 어플리케이션 코드가 다시 parsing 되기 때문에, 변수에 저장해 둔 값도 초기화된다. 따라서 스크립트 안에서 로그인 상태를 기록한다면 페이지를 새로고침했을 때 그 데이터가 휘발된다. 브라우저에서 페이지를 reload 했을 때 로그인 정보가 유지되는 것은, 그 정보를 스크립트 파일이 아니라 브라우저의 Local Storage에(또는 쿠키 세션에) 저장하기 때문이다. What is Database? Why we use Database? you can save information, having it with persistency const employee = [ { id:random(), name:"Todd", department:"front-end" }, { }, { }... ] js 스크립트 파일 안에서 위와 같이 배열 데이터를 관리한다고 해보자. 스크립트 파일이 실행될 때 마다 random 함수가 실행되기 때문에, 매번 id가 달라질 것이다. 그렇다면, json 파일에 데이터를 저장하면 어떨까? 일관적인 데이터를 유지할 수 있기 때문에, database의 가장 핵심적인 역할을 수행한다고 볼 수 있으나, database는 데이터를 저장하는 것 외에도 많은 일을 할 수 있다. Database to.. What is REST? REST | REpresentational State Transfer(대표 state 전달) REST is a guideline for how a client and server should communicate and perform CRUD operation on a given resource. REST는 클라이언트와 서버가 어떻게 리소스에 대한 CURD를 요청하고 응답할지를 제시하는 가이드라인이다. +) CRUD | create, read, update, delete +) Resouce | HTTP를 통해 주고 받을 수 있는 하나의 개체(entity)를 말하며, 이미지, 동영상 등과 같은 파일이나, 댓글, 트윗 등과 같은 코멘트 등등이 있다. Uniform Interface REST에서 강조하는 개념.. Markdown VScode에서 제공하는 markdown preview를 이용하면, 내가 .md 파일에서 작성하는 내용들을 시각적으로 확인할 수 있다. heading 1 heading 2 heading 3 heading 4 heading 5 heading 6 paragraph bold italic strikethrough quote un-orderd list also un-orderd list orderd list orderd list orderd list HERE My tistory blog Header Description cell 1 cell 2 cell 3 cell 4 console.log('Hello World!') console.log('Hello World!'); github flavored markdown Browser & window 브라우저가 하는 일 크롬, 사파리, 파이어폭스, 네이버 웨일과 같은 것들이 브라우저이다. 우리는 "브라우저" 라는 소프트웨어 프로그램을 통해서 웹 페이지에 접근할 수 있다. 브라우저에서 웹 페이지를 열면 어떤 일이 일어날까? 브라우저의 주소창에 우리가 원하는 웹 페이지의 주소를 입력하면, 우리는 웹 페이지를 볼 수 있게된다. 그 뒤에서는 어떤 일들이 일어나고 있을까? window에 저장되어 있는 데이터 | window 자바스크립트는 웹 브라우저에서 실행시키기 위해 만들어진 프로그래밍 언어이다. 지금은 브라우저 뿐만 아니라, 브라우저 밖(ex. web-server)에서도 실행시킬 수 있도록 진화했다. 브라우저나 웹 서버와 같이, 프로그래밍 언어가 실행되는 환경을 Host Environment라고 한다. 각.. 이전 1 2 다음
