FIF's 코딩팩토리

자바 개발자로 면접을 준비하시는 분들이 한번쯤 보시면 도움이 될만한 내용을 준비해봤습니다. 스스로 얼마나 자바/스프링/웹에 관해 알고있는지 확인해보세요! (1) Java Foundation 에 관한 인터뷰 1. JDK와 JRE의 차이점은 무엇입니까? JDK(Java Development Kit)는 Java 개발을 위해 필요한 도구들의 집합입니다. 컴파일러, 디버거, 개발 도구 등을 포함하고 있습니다. JRE(Java Runtime Environment)는 Java 애플리케이션을 실행하기 위한 런타임 환경입니다. JVM(Java Virtual Machine), 클래스 라이브러리, 실행환경 등을 포함하고 있습니다. JDK는 JRE를 포함하고 있으므로, JDK는 개발자용으로 JRE를 포함한 모든 도구를 제공합..

클로저란? MDN에서는 클로저를 다음과 같이 정의하고 있다. 클로저는 독립적인 (자유) 변수를 가리키는 함수이다. 또는, 클로저 안에 정의된 함수는 만들어진 환경을 ‘기억한다’. 흔히 함수 내에서 함수를 정의하고 사용하면 클로저라고 한다. 하지만 대개는 정의한 함수를 리턴하고 사용은 바깥에서 하게된다. 말로 설명하면 설명하기가 복잡하니 우선 코드를 보자. function getClosure() { var text = 'variable 1'; return function() { return text; }; } var closure = getClosure(); console.log(closure()); // 'variable 1' 위에서 정의한 getClosure()는 함수를 반환하고, 반환된 함수는 get..

DOM API를 이용하면 다음과 같은 식으로 HTML 엘리먼트의 내용을 변경할 수 있다. DOM 트리 탐색한다. 문서 내에서 특정 엘리먼트를 찾는다. 문서의 내용을 변경한다. 문서에 새로운 내용을 추가한다. 문서 탐색 다음 예제에서는 showTags라는 재귀 함수를 이용해 전체 DOM 트리를 탐색한 다음 모든 엘리먼트의 태그명을 나열한다. This is a sample document: 1 2 3 showTags(document)의 출력 결과는 다음과 같다. HTML HEAD TITLE BODY DIV UL LI LI LI SCRIPT Document 객체는 모든 DOM 트리의 루트이지만 해당 트리 내의 HTML 엘리먼트를 나타내지 않는다. document.documentElement 프로퍼티는 문서의 ..

자바스크립트는 프로토타입 기반 언어라고 불립니다. 자바스크립트 개발을 하면 빠질 수 없는 것이 프로토타입인데요,프로토타입이 거의 자바스크립트 그 자체이기때문에 이해하는 것이 어렵고 개념도 복잡합니다. 하지만 프로토타입이 무엇인지 깨우친 순간 자바스크립트가 재밌어지고, 숙련도가 올라가는 느낌을 팍팍 받을 수 있습니다. 그럼 지금부터 프로토타입을 이해해봅시다. Prototype vs Class 클래스(Class)라는 것을 한 번쯤은 들어보셨을겁니다. Java, Python, Ruby등 객체지향언어에서 빠질 수 없는 개념이죠. 그런데 중요한 점은 자바스크립트도 객체지향언어라는 것입니다. 이게 왜 중요하냐구요? 자바스크립트에는 클래스라는 개념이 없거든요. 대신 프로토타입(Prototype)이라는 것이 존재합니다..

설정 web.xml jstl-c /WEB-INF/tlds/jstl/c.tld jstl-fmt /WEB-INF/tlds/jstl/fmt.tld jstl-fn /WEB-INF/tlds/jstl/fn.tld jsp 에서 EL 생존범위 속성 맵 pageScope requestScope sessionScope applicationScope 요청 파라미터 맵 param paramValues 요청 헤더 맵 header headerValues 쿠키 맵 cookie 컨텍스트 초기화 파라미터 맵(서블릿 초기화 파라미터 아님) initParam 실제 pageContext 객체에 대한 참조. 이것은 빈임 pageContext pageContext 접근자 getErrorData() getPage() getRequest() ge..

폼은 알게 모르게 웹에서 많이 사용합니다. 사용자 의견이나 정보를 알기 위해 입력할 큰 틀을 만드는 데 사용되기 때문입니다. 폼은 입력된 데이터를 한 번에 서버로 전송합니다. 전송한 데이터는 웹 서버가 처리하고, 결과에 따른 또 다른 웹 페이지를 보여줍니다. 이번 글에서 우리가 잘 모르는 폼의 내부적인 동작과정부터 폼의 큰 틀을 구성하는 엘리먼트에 대해 알아보겠습니다. 1 폼 태그 동작방법 1. 폼이 있는 웹 페이지를 방문합니다. 2. 폼 내용을 입력합니다. 3. 폼 안에 있는 모든 데이터를 웹 서버로 보냅니다. 4. 웹 서버는 받은 폼 데이터를 처리하기 위해 웹 프로그램으로 넘깁니다. 5. 웹 프로그램은 폼 데이터를 처리합니다. 6. 처리결과에 따른 새로운 html 페이지를 웹 서버에 보냅니다. 7. ..

MVC 패턴 정의 모델-뷰-컨트롤러(Model-View-Controller)는 소프트웨어 공학에서 사용되는 소프트웨어 디자인 패턴이다. 이 패턴을 성공적으로 사용하면, 사용자 인터페이스로부터 비즈니스 로직을 분리하여 애플리케이션의 시각적 요소나 그 이면에서 실행되는 비즈니스 로직을 서로 영향 없이 쉽게 고칠 수 있는 어플리케이션을 만들 수 있다. View - 모델을 표현하는 방법을 제공하는 사용자 인터페이스. 일반적으로 화면에 표시하기 위해 필요한 상태 및 데이터를 모델에서 직접 가져온다. Model - 모든 데이터, 상태 및 어플리케이션 로직이 들어있다. 뷰와 컨트롤러에서 모델의 상태를 조작하거나 가져오기 위한 인터페이스를 제공하고 모델에서 자신의 상태 변화에 대해서 옵저버들에게 알려주긴 하지만 기본적..