[ Front-End ] HTML 관련 면접질문

HTML 관련 면접질문 브라우저 렌더링 브라우저 서버 브라우저 검색 인터페이스에 url입력 ( https://www.naver.com ) DNS ( Domain Name Server )에서 host 서버의 ip 연결 https의 경우 서버와 클라이언트간 ssl 인증 을 위한 ssl handshake 진행 host 서버 디렉토리에서 index.html 파일 과 리소스 등을 전송 렌더링 - html, css 위 과정에서 받은 html파일을 파싱 하여 DOM ( Document Obeject Model ) 트리 구성 link 태그에서 css 파일을 수신시 css 파일을 파싱하여 CSSOM ( Casacading Style Sheet ) 트리 구성 | html 파싱 중지 DOM 트리와 CSSOM 트리를 합쳐서 ..

[ Intellij ] lombok이 적용되지 않을 때

Error Message java: You aren't using a compiler supported by lombok, so lombok will not work and has been disabled. Your processor is: com.sun.proxy.$Proxy24 Lombok supports: sun/apple javac 1.6, ECJ Solution - VM옵션으로 -Djps.track.ap.dependencies=false 값을 추가해준다. File > Setting Build, Execution, Deployment -> Compiler -> Shared build process VM options https://i.stack.imgur.com/gIuX8.png Discuss h..

[ Maven ] dependency 수동으로 설치하기

mvn install:install-file \ -Dfile=plugins/spring-boot-maven-plugin-2.5.5.jar \ -DgroupId=org.springframework.boot \ -DartifactId=spring-boot-maven-plugin \ -Dversion=1 \ Dpackaging=jar org.springframework.boot spring-boot-maven-plugin 1

MappedInterceptor를 이용한 Interceptor 등록

CelloInterceptor파일에는 httpRequest에 개입하기위해 HandlerInterceptor 인터페이스를 상속받아 preHandler와 postHandler를 override한 메소드들이 있습니다. public class CelloInterceptor implements HandlerInterceptor { @Override public boolean preHandle( HttpServletRequest request, HttpServletResponse response, Object handler ) throws Exception { } @Override public void postHandle( HttpServletRequest request, HttpServletResponse res..

IoC 와 DI

Spring Framework에서는 클래스의 인스턴스를 매번 생성하지 않고, 재사용 할 수 있는 것이 특징입니다. 이러한 방식을 IoC ( Inversion Of Control )이라고 합니다. 직역하자면 "제어의 역전" 정도이지만, 사실 "제어의 역전"이라고 듣고 이해하기란 쉽지 않습니다. 나름대로의 뜻 풀이를 해보자면, Inversion은 일반적으론 영어 문법에서 도치법이라는 뜻으로 쓰입니다. 도치법이란 문장을 뒤바꿔서 말하는 방식으로 "나랑 평생동안 같이 살자" 를 "나랑 살자 평생동안 같이" 로 순서를 바꾸는 문법입니다. Control은 아마도 인스턴스를 제어 한다는 의미로 쓰였을 것입니다. 고로 다시 의미를 합치자면 "인스턴스를 제어하는 순서를 바꾸는 방식" 정도로 해석될 수 있는 것 같습니다...

[CSS][TIP] 드래그 방지

user-select: none; /* 브라우저 의존성 명시 */ -ms-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none;

[CSS] [TIP] DO background-size: cover; ( NOT auto 100% )

뒷 배경을 꽉 채우기 위해서 background-size: auto 100%; /* width height */ 혹은 background-size: cover; 를 사용하는데. auto 100%; 를 사용하게 될 때, 큰화면에서 border-radius 부분을 처리 못하는 오류가 있어서 cover를 사용하는 것이 더 좋다.

Canvas Dojo - HTML5 Canvas를 공부하는 가장 쉬운방법

HTML5의 Canvas기능을 이용하면, CSS만으로는 구현하기 힘든 다양한 창작물을 구현할 수 있습니다. 하지만 구현은 생각보다 귀찮고, 쉽지 않죠.. See the Pen 30,000 Particles by Justin Windle (@soulwire) on CodePen. - 30,000 Particles by Justin Windle Vscode에서 Canvas를 공부하는데 좋은 툴을 소개합니다. Canvas Dojo - Arthur Kim Canvas Dojo - Visual Studio Marketplace Extension for Visual Studio Code - snippets and plugins for html5 canvas development marketplace.visualst..