목록Dev/Web (6)
한다 공부
CSR(Client Side Rendering) 은 주로 REST API를 사용하며 JWT 방식으로 로그인을 구현한다 SSR(Server Side Rendering) 은 타임리프와 같은 템플릿엔진을 사용하며 쿠키 세션 방식으로 로그인을 구현한다 그리고 스프링을 사용한다면 Spring Security를 통해 비교적 쉽게 인증과 인가를 구현할 수 있다 이번 기회에 개념에 대해 정리를 하고자 한다. 웹 백엔드 부스트코스 무료 강의 www.boostcourse.org 스프링 MVC 2편 - 백엔드 웹 개발 활용 기술 - 인프런 | 강의 웹 애플리케이션 개발에 필요한 모든 웹 기술을 기초부터 이해하고, 완성할 수 있습니다. MVC 2편에서는 MVC 1편의 핵심 원리와 구조 위에 실무 웹 개발에 필요한 모든 활용 ..
데이터의 양이 기하급수적으로 증가하면서 file만으로는 데이터의 정리가 힘들어졌다. 그래서 database 라는 소프트웨어가 생겨났다. MySQL은 오픈소스인 관계형 데이터베이스이다. 오픈소스이며 무료라는 장점으로, Web과 함께 기하급수적으로 성장하게 되었다. MySQL과 같은 관계형 데이터베이스의 특징은 데이터를 표의 형태로 나타낼 수 있다는 것이다. codeanywhere을 이용하면 설치없이 database 실습을 할 수 있다. Cloud IDE · Online Code Editor · Codeanywhere Cloud IDE · Online Code Editor · Codeanywhere Save time by deploying a development environment in seconds. ..
HTML을 이용해서 만든 웹페이지를, 사용자와 상호작용할 수 있도록 하기 위해 자바스크립트가 탄생했다. Iterate 정돈하기 를 사용을 한다면 유지보수가 더욱 쉬워진다. 서버 입장에서도 cache에 js파일을 담아두면 되기 때문에 이 방법이 더 효율적이다. [참고자료] 생활코딩 WEB2 - JavaScript
Git 깃이란? 버전 관리 시스템 중 하나이다. git-scm.com에 접속하여 git 을 다운 받으면 git bash를 통해 윈도우 환경에서도 리눅스, 유닉스 명령어를 사용해 제어할 수 있다. $ git init : 현재 dir에 작업을 진행하겠다고 git에게 알려주는 명령어 $ vim f1.txt : f1.txt라는 파일 생성. 버전 관리를 하기 위해 git에게 알려야 한다. 알리지 않으면 해당 파일 무시 $ git add f1.txt : 해당 파일 버전 관리 시작 $ git status : 관리 가능한 파일들의 상태를 알려준다 Commit 버전 관리 버전 = 의미있는 변화. 단위가 존재한다. $ git config --global user.name 이름 $ git config --global use..
HTML에서도 디자인을 할 수 있다. 태그를 이용하면 된다. 하지만 이 경우 번거롭게 한 줄씩 모두 고쳐야하는 단점이 있다. 바로 이 문자의 크기와 색상, 정렬 등 디자인 적인 부분을 해결하기 위해 새로운 언어인 CSS가 탄생했다. CSS 기본 문법 웹 브라우저는 css코드를 인식할 필요가 있다. 그래서 html이 아닌 css 문법에 따라 해석을 해달라고 하는 코드를 입력해야한다. = 스타일 태그 안에 css를 작성하면 된다 = 스타일 태그 안 css 코드를 입력하면 모든 글씨가 빨간색으로 바뀐다. a는 선택자 selector이다. 해당 효과를 누구에게 줄 것인지 선택할 수 있다. { } 안의 내용은 효과, 선언, declarataion이라고 한다. color은 property이고 red는 value이다..
웹은 Public Domain으로 저작권이 없다. HTML (HyperText Markup Language)은 웹 페이지를 만드는데 필요한 마크업 언어이다. Tag 내가 원하는 내용 = "내가 원하는 내용"이 굵게 표시된다 내용 = u는 underline의 약자로 "내용"에 밑줄이 그어진다 내용 = h1부터 h6까지 존재하는 이 태그는, 제목을 나타내는 태그이다. headings의 약자이고 숫자가 올라갈 수록 글씨가 작아진다. 이 태그에 감싸진 내용은 자동 줄바꿈이 된다. = 줄 바꿈 태그, 상당히 자주 쓴다. 닫는 태그가 없다. 내용 = 단락을 변경하는 태그. br 태그와 보여지는 것에 큰 차이는 없다. 단락이 정해진 여백만큼 구별되는데 css를 이용하면 조절할 수 있다. 라는 css을 이용하면 단락이..