<a>: 하나의 페이지에서 다른 페이지를 연결할 때 사용하는 하이퍼링크를 정의

href= “javascript:void(0)” 는 링크기능을 무효화

 

<body>: 해당 html문서의 텍스트, 하이퍼링크, 이미지, 리스트 등과 같은 모든 콘텐츠를 포함하는 영역(문서 안에 하나만 가능)

 

<div>: html문서에서 특정 영역이나 구획을 정의, css와 함께 자주 쓰임

 

<form>: 사용자로부터 입력을 받을 수 있는 html 입력 폼을 정의

 

<input>: 사용자로부터 입력을 받을 수 있는 입력필드를 정의

 

<nav>: 다른 페이지 또는 현재 페이지의 다른 부분과 연결되는 네비게이션 링크들의 집합

 

<ul>: 순서가 없는 html 리스트를 정의

 

<li>: html리스트에 포함되는 아이템을 정의

 

<span>: html문서에서 인라인 요소들을 하나로 묶을 때

 

<script>: client-side scripts를 정의

 

&nbsp; 공백(진짜 공백과 기호를 번갈아가면서 써라)

&it; 부등호(<)

&gt; 부등호(>)

&amp; 앰퍼샌드

&quot; 쌍따옴표(“)

 

저작자표시

'Web > Front' 카테고리의 다른 글

[ERROR] 500에러 관련  (0) 2021.07.30
[ERROR] static파일 적용 관련  (0) 2021.07.30
[HTML, Javascript] jQuery  (0) 2021.07.28
[Thymeleaf] 기본 문법  (0) 2021.07.27
[HTML] Thymeleaf  (0) 2021.07.27

TDD(Test-Driven Development, 테스트 주도 개발)

[출처] https://daseuul.tistory.com/30

  • fail → test pass → refactoring의 사이클을 반복
  • 기능별로 구현이 이루어지기 때문에 유지보수/디버깅이 쉽고, 기능별 모듈화에 좋다.

fail : 지금 구현하고자 하는 기능에 실패하는 테스트 코드를 작성

pass : 실패하는 테스트 코드가 통과하는 제대로 된 코드를 작성

 

Unit Test

  • 기능(method)을 테스트하는 method(TDD의 fail단계)
  • 프로그램 전체를 실행시킬 필요가 없이 테스트 코드로 확인이 가능!
  • 버그를 줄이고, 코드의 퀄리티를 높인다.

 

❗ 이 테스트에 익숙해지면 디버깅을 큰 틀(기능 단위)로 잡아서 하는 것처럼 쉽게 할 수 있을 것 같다...

(아직 디버깅이나 이런 테스트에 취약하다.. 열심히 공부해보자!) ❗

저작자표시

'Web' 카테고리의 다른 글

Web Development  (0) 2021.07.27

Spring Security

Spring기반의 애플리케이션의 보안(인증과 권한, 인가 등)을 담당하는 스프링 하위 프레임 워크

'인증'과 '권한'에 대한 부분을 Filter 흐름에 따라 처리

 

Authorization(인증)과 Authentication(인가)

인증: 해당 사용자가 본인이 맞는지를 확인하는 절차

인가: 인증된 사용자가 요청한 자원에 접근 가능한지를 결정하는 절차

" 인증 성공 후 인가"

Principal(접근주체, 아이디): 보호받는 Resource에 접근하는 대상

Credential(비밀번호): Resource에 접근하는 대상의 비밀번호

" Credential 기반의 인증방식"

 

 

주요 모듈

 

[출처] https://mangkyu.tistory.com/76

[SecurityContextHolder] : 보안 주체의 세부 정보를 포함하여 응용프로그램의 현재 보안 컨텍스트에 대한 세부 정보가 저장된다.

[SecurityContext] : Authentication을 보관하는 역할

[Authentication] : 현재 접근하는 주체의 정보와 권한을 담는 인터페이스

[UsernamePasswordAuthenticationToken] : Authentication을 implements한 AbstractAuthenticationToken의 하위 클래스(user의 id = principal, password = credential)

[AuthenticationProvider] : 실제 인증에 대한 부분을 처리

[Authentication Manager] : 인증에 대한 부분을 처리

[UserDetails] : 인증에 성공하여 생성된 객체, UsernamePasswordAuthenticationToken을 생성하기위해 사용

[UserDetailsService] : UserDetails 객체를 반환(DB와 연결해 처리)

[Password Encoding] : 패스워드 암호화에 사용될 PasswordEncoder 정의

[GrantedAuthority] : 현재 사용자(principal)가 가지고 있는 권한(ROLE_ADMIN)

참고) https://mangkyu.tistory.com/76

 

[SpringBoot] Spring Security란?

대부분의 시스템에서는 회원의 관리를 하고 있고, 그에 따른 인증(Authentication)과 인가(Authorization)에 대한 처리를 해주어야 한다. Spring에서는 Spring Security라는 별도의 프레임워크에서 관련된 기능

mangkyu.tistory.com

 

저작자표시

'Web > Spring' 카테고리의 다른 글

[배경] Maven  (0) 2021.07.27
[배경] Template Engine  (0) 2021.07.27
[배경] Spring 실행 순서  (0) 2021.07.27
[배경] MVC Pattern  (0) 2021.07.27
[배경] Servlet  (0) 2021.07.27

Spring 실행 순서

[출처] https://velog.io/@gokoy/Spring-%EB%8F%99%EC%9E%91-%EC%88%9C%EC%84%9C

  1. web.xml을 로드하여 Servlet Container를 실행
  2. Servlet Container는 web.xml을 읽어 등록된 ContextLoaderListener을 실행
  3. ContextLoaderListener는 default 값으로 applicationContext.xml(root-context.xml) 파일을 읽어 Spring Container를 생성. 이를, Root Container라고도 부름.
  4. Root Container에는 모든 Servlet과 Filter들이 공유하는 자원을 메모리에 생성(Service, DB connection, DAO 등)
    5-6. Client로부터 요청이 들어오면 Servlet Container는 Dispatcher Servlet을 생성
  5. Dispatcher Servlet는 presentation-layer.xml(servlet-context.xml) 파일을 읽어 새로운 Spring Container를 생성. 여기서 생성된 컨테이너는 Controller 객체를 메모리에 생성
더보기
  • Dispathcer Servlet = FrontController + Request Dispatcher
  • FrontController : 모든 요청을 한 곳으로 집중시켜 일괄적으로 처리하게끔
  • Request Dispatcher : Client로부터 받은 Request 정보를 서버의 다른 자원(HTMl, JSP또는 Servlet등의 자원) 에 보내는 역할을 하는 인터페이스
  • DAO(Data Access Object): DB를 사용해 데이터를 조회하거나 조작하는 기능(Repository)
  • VO(Value Object): 계층간 데이터 교환을 위한 자바 빈즈(read only, Domain)

 

Client 접근 동작 순서

[출처] https://velog.io/@gokoy/Spring-%EB%8F%99%EC%9E%91-%EC%88%9C%EC%84%9C

1-2. Client가 WAS에 접근하면 FrontController 역할을 하는 DispatcherServlet이 요청을 가로챔
3. HandlerMapping 설정에서 해당 요청을 처리할 Controller를 탐색
4. Controller에서 RequestResponseBodyMethodProcessor가 presentation-layer.xml(servlet-context.xml)에 선언해놓은 MessageConverter을 이용하여 요청 본문(파라미터) 읽음

5-10. 데이터 저장 및 응답 가공
11. 요청을 처리한 뒤, HTML로 응답할 경우 결과를 출력할 View의 이름, Data로 응답할 경우 MessageConverter을 이용하여 Json 데이터를 반환
12. HTML로 응답한 경우 ViewResolver에서 받은 view 이름(string)으로부터 해당 view를 탐색
13. 탐색한 view 객체를 반환
14. 처리 결과가 포함된 View를 DispatcherServlet에 전달
15. Client에게 최종 결과 출력

저작자표시

'Web > Spring' 카테고리의 다른 글

[배경] Maven  (0) 2021.07.27
[배경] Template Engine  (0) 2021.07.27
[배경] Spring Security  (0) 2021.07.27
[배경] MVC Pattern  (0) 2021.07.27
[배경] Servlet  (0) 2021.07.27

URI

"Uniform Resource Identifier" (통합 자원 식별자)

 

URL

컴퓨터 네트워크 상에서 리소스가 어디 있는지 알려주기 위한 규약(URI의 서브셋)

 

"URI는 식별하고 URL은 위치를 가리킨다"

 

 

저작자표시

'Computer Science > Network' 카테고리의 다른 글

[VM] VirtualBox 네트워크 정리  (0) 2022.12.22
BGP 개념  (0) 2022.11.30
[Server] HTTPS와 SSL 인증서  (0) 2021.08.06
RESTful  (0) 2021.07.27

"웹 개발은 크게 프론트엔드 개발과 백엔드 개발로 나눌 수 있다"

 

Front -End 

  • 유저와의 상호작용이 일어나는 인터페이스 전체를 개발
  • 주로 사용하는 언어 : HTML, CSS, JavaScript

Back-End

  • 유저에게 보이지 않는 튼튼한 서버와 인프라 구축
  • UX엔지니어, SRE, DevOps 등으로 세분화
  • UX(User Experience) Engineer : 사용자 경험 개선 또는 새로운 경험 제공의 목적으로 디자인 아이디어를 프로토타입으로 만드는 전문 엔지니어
  • SRE(Site Reliability Engineering) : IT운영에 대한 소프르웨어 엔지니어링 접근 방식, 소프트웨어를 툴로 활용하여 시스템을 관리하고 문제를 해결하며 운영 태스크를 자동화
  • DevOps(development + operations) : 하나의 아이디어가 사용자에게 가치를 제공할 수 있도록 운영 환경에서 개발로부터 배포로 진행되는 프로세스의 속도를 높이는 접근 방식(코딩에서 배포, 유지관리 및 업데이트에 이르는 개발 사이클 전체에 걸쳐 요구 사항간의 균형을 맞춘다)

SRE vs DevOps

" 조직의 생산 운영 관리, 모니터링/식별 가능, 자동화"

SRE DevOps
규범으로 인식 문화로 인식
안정성을 위한 엔지니어링 개발과 운영의 사일로 현상을 해결하기 위한 문화
"저는 SRE입니다." "저는 DevOps 개발자 입니다."

주요 차이점

  SRE DevOps
주요 관심 확장성, 운영지표, 자동화 개발 배포 과정 통합
담당자 운영에 관심있는 개발팀 개발에 관심있는 운영팀
측정 지표 서비스 수준 목표(SLO)의 최소/최대치(SIO) 주로 시스템 Telemetry
적용 기업 클라우드-네이티브 환경에서 IT 서비스기업 온-프레미스에서 클라우드로 전향하는 기업

 

 

❗내가 조금 더 관심이 가는 분야는 BE이며 SRE나 DevOps가 궁금하다❗

저작자표시

'Web' 카테고리의 다른 글

TDD  (0) 2021.07.27

+ Recent posts

티스토리툴바