티스토리

maribel story

검색하기

블로그 홈

maribel story

maribel.tistory.com/m

maribel 님의 블로그입니다.

구독자: 1

방명록 방문하기

주요 글 목록

회사 선택 기준 :: 회사를 선택할 때 가장 중요하게 생각하는 것은 회사와 내가 동반 성장할 수 있는가 개인(나)과 집단(회사)간의 피드백 복지 이직율 회사의 비전 회사의 경영이념 회사의 최종적인 목표(내가 추구하는 꿈과 가치에 잘 부합하는지) 연봉 회사 직원들의 자세/분위기 10년 뒤에도 내가 계속 웃으며 일할 수 있는 곳 일까? 회사의 인재상 즐겁게 일할 수 있는 곳인가 공감수 0 댓글수 0 2021. 8. 21.
[Web] Web Server와 WAS의 차이 및 종류 Web Server WAS(Web Application Server) 개념 클라이언트(웹 브라우저)로부터 HTTP 요청을 받아 정적인 컨텐츠(이미지파일 등)를 제공하는 컴퓨터 프로그램 DB조회나 다양한 로직 처리를 요구하는 동적인 컨텐츠를 제공하기 위해 만들어진 Application Server 기능 HTTP 프로토콜을 기반으로 클라이언트의 요청을 서비스하는 기능을 담당 - 기능1 : 정적인 컨텐츠 제공(WAS를 거치지않고 바로 자원을 제공) - 기능2 : 동적인 컨텐츠 제공을 위한 요청 전달(요청을 WAS에 보내고 WAS가 처리한 결과를 클라이언트에게 전달) WAS = Web Server + Web Container Web Server 기능들을 구조적으로 분리하여 처리하고자 하는 목적으로 제시됨 - 분.. 공감수 1 댓글수 0 2020. 5. 24.
[React] React의 개요 및 특성 1. 페이스북에서 React 라이브러리를 발표 참고) Angular는 구글이 발표한 Framework이다. 2. UI 상태 자동 관리 화면의 맨 마지막 상태만 관리한다. 3. 속도 빠른 DOM 조작 가상 DOM을 사용한다. 4. 결합이 용이한 UI를 지원하는 API 5. 자바스크립트로 정의하는 비주얼 es6문법을 주로 사용, typescript는 잘 사용하지 않는다. 6. 실시간으로 변경되어 상태를 최신으로 유지 공감수 0 댓글수 0 2019. 11. 14.
[React] JSX(JavaScript Expression)문법의 사용 규칙 1. 화면에 데이터를 출력할때에는 반드시 하나의 태그를 사용 2.변수 선언 및 값 출력하기 선언 형식) let 변수명=값 출력 형식) {변수명} 3.이벤트 처리함수 선언 및 호출하기 4. 스타일시트 적용하기 1) 스타일시트가 복잡한 경우, .css파일을 만들어서 import로 불러온다. 2) 스타일시트가 적용된 camelCase Object => var 객체명={속성명:속성값~} 5. 화면상에 디자인하기 6. 주석 사용 시 주의할 점 1) 주석을 사용하는 곳이 정해져 있다. 2) 태그와 태그 사이에 주석을 사용할 때는 { } 안에 주석을 사용한다. 공감수 0 댓글수 0 2019. 11. 14.
[Angular] binding 개요 및 종류 binding 개요 컴포넌트는 화면구현을 담당하는 template와 로직을 담당하는 컴포넌트 클라이언트 간의 상호 작용을 위한 방법으로 binding을 이용한다 binding 종류 종류 설명 {{ }} 단방향, 인터폴레이션, 클래스 속성 및 메서드를 template에서 접근 가능 [속성] 속성 바인딩, 태그 안에서 사용되고 속성값으로 컴포넌트 클래스의 속성값과 연동 (이벤트) 이벤트 바인딩, 태그 안에서 사용되고 template에서 발생하는 이벤트를 컴포넌트 클래스의 메서드와 연동 [class.XX] class 바인딩 [style.xx] style 바인딩 [(ngModel)] 양방향 바인딩 공감수 0 댓글수 0 2019. 11. 4.
[Angular] Angular의 구성요소 구성요소 설명 component @Component + component 클래스 template : 화면구성 역할 담당으로서 html로 작성 directive template의 html태그 내의 속성 핸들링 service 컴포넌트가 공통적으로 사용되는 비즈니스 로직 처리 담당 module 각 구성요소(component,directive,service 등) 관리 공감수 1 댓글수 0 2019. 11. 4.
[Spring] AOP의 개념 1. AOP Aspect Oriented Programming 문제를 바라보는 관점을 기준으로 프로그래밍하는 기법 2. AOP 주요 용어 용어 의미 Target 프로그램 작성시 반드시 필요한 클래스, 핵심 클래스 Advice Target 클래스에 제공할 공통기능 -> ex) 로그객체를 이용하여 간단하게 출력 Join Point Advice가 적용될 특정 메서드의 전/후 위치를 지정 Point Cut JoinPoint로 지정된 메서드 선정 Weaving Advice를 PointCut으로 삽입하는 과정 Aspect 프로그램 작성시 없어도 크게 문제가 없지만 있으면 도움이되는 클래스, 공통 클래스 ex)유효성 클래스(로그객체를 이용하여 내부과정을 출력) => 단순 반복적인 구문으로 되어있는 소스코드로 작성된 .. 공감수 0 댓글수 0 2019. 10. 28.
[Spring] Spring MVC 의 주요 구성요소 구성요소 설명 DispatcherServlet 클라이언트의 요청을 전달받는다. 컨트롤러에게 클라이언트의 요청을 전달하고, 컨트롤러가 리턴한 결과값을 View에 전달하여 알맞은 응답을 생성하도록 한다. HandlerMapping 클라이언트의 요청 URL을 어떤 컨트롤러가 처리할지를 결정한다. HandlerAdapter DispatcherServlet의 처리 요청을 변환해서 컨트롤러에게 전달하고, 컨트롤러의 응답 결과를 DispatcherServlet이 요구하는 형식으로 변환한다. Controller 클라이언트의 요청을 처리한 뒤, 결과를 리턴한다. ModelAndView 컨트롤러가 처리한 결과 정보 및 뷰 선택에 필요한 정보를 담는다. ViewResolver 컨트롤러의 처리 결과를 보여줄 뷰를 결정한다. .. 공감수 0 댓글수 0 2019. 10. 15.
[Spring] Annotation 사용 목적 편리하게 환경설정을 할 수 있도록 하기위한 방법 자바코드의 일부 대용, 자바코드를 대신 실행시켜준다 장점 적합하게 쓰이면 코드가 간결해지고 유지보수가 용이해짐 대형 시스템엔 계층 구조가 잘 파악되기 위해서 xml사용이 필수 단점 메타정보가 소스코드에 들어가 있으므로 파악하기 어려움 소스코드가 같이 제공되지 않으면 사용에 제약이 따름 @Required 반드시 호출해야되는 메서드에 사용, 호출하지 않으면 에러 유발 @Autowired 의존객체를 만들어 넣어준다 Setter Method외에 다른 메서드에서도 동일하게 사용 가능 해당하는 빈즈객체가 없거나 두개이상 존재시 에러 유발 @Inject 의존객체를 만들어 넣어준다 xml에 따로 @Inject를 위한 빈즈클래스를 등록하지 않아도 된다 pom.x.. 공감수 1 댓글수 3 2019. 10. 14.
[Spring] DI(Dependency Injection)의 개요 Dependency Injection(의존성 객체주입)의 개요 MessageBeanImplDI입장에서 OutFile의 객체가 필요로해서 원하는 위치(멤버변수)에 자동적으로 객체를 넣어주는 기법 DI 설정방법 생성자를 통해서 멤버변수에 객체를 넣어주는 방법(Constructor Injection) Setter Method를 통해서 객체를 넣어주는 방법(Setter Injection) p네임스페이스 사용하는 방법 p네임스페이스 선언 c네임스페이스 사용하는 방법 c네임스페이스 선언 빈즈의 종류 jsp빈즈 --> spring빈즈 --> 분산처리기반의 서버에서 실행되는 객체 공감수 0 댓글수 0 2019. 10. 14.
[Spring] Spring의 특성 스프링 프레임워크의 특성 경량의 프레임워크이다. MVC 프레임워크를 제공하고 있다. DI(Dependency Injection)를 지원한다. AOP(Aspect Oriented Programming)를 지원한다. POJO(Plain Old Java Objects)를 지원한다. 트랜잭션 처리를 위한 일괄된 방법을 제공한다. 다양한 API에 대한 연동을 지원한다. 공감수 0 댓글수 0 2019. 10. 14.
[jQuery] jQuery의 특징 https://jquery.com/ jQuery What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. jquery.com 1. 무료이고 오픈소스이다. 위의 jQuery사이트에서 다운로드하여 사용할 수 있다. 2. 용량이 적다. 압축버전은 약18KB로 내용확인이 안되고, 압축버전이 아닌것은 114KB로 내용.. 공감수 0 댓글수 0 2019. 10. 10.
[jQuery] effect 1. slide slideup slidedown slideToggle 2. fadeIn, fadeOut, fadeToggle fade TEST fade TEST! fade TEST!! Success! fadeIn fadeOut fadeToggle 3. fadeTo 공감수 1 댓글수 0 2019. 9. 19.
[jQuery] event 1. bind Persian RussianBlue BritishShorthairs 2. toggleClass 3. remove, empty div first div second Remove div Empty div Empty p 4. event 객체 5. hover hover test-0 hover test-1 hover test-2 6. keyup reset 7. change Ragdoll MaineCoon Persian 공감수 1 댓글수 0 2019. 9. 18.
[jQuery] DOM 1. addClass Item-0 Item-1 Item-2 Item-3 Item-4 2. filter Item-0 Item-1 Item-2 Item-3 Item-4 3. appendTo, prependTo, insertAfter, insertBefore 안녕하세요? 반가워요! 4. append, prepend, after, before 안녕하세요? 반가워요! 5. append one two three four five six prev+next로 검색된 엘리먼트 확인예제 6. $.extend 7. $.each 공감수 1 댓글수 0 2019. 9. 18.
[jQuery] selector 1. ready( )함수 2. each jQuery each()연습1 jQuery each()연습2 jQuery each()연습3 jQuery each()연습4 3. 중첩 과일 목록 사과 배 복숭아 오렌지 파인애플 가을 jQuery 연습 태그정보 one 태그정보2 4. 속성 속성선택자 이용(같은 태그일때) 버튼 버튼2 DIV content-1 DIV content-2 5. even, odd, first, last 이름혈액형 test1A형 test2B형 test3O형 test4AB형 공감수 0 댓글수 0 2019. 9. 18.
[JSP] EL, JSTL EL(Expression Language) 표현 언어 JSP에서 데이터를 표현할 때 사용하는 언어 변수의 값, 수식계산, 객체의 속성값 등을 출력할 때 사용 EL 표현식 ${표현식} ${변수} ${객체.속성} ${객체["속성"]} 데이터 저장 영역 관련 객체 pageScope : page객체와 동일한 데이터 저장 영역에서 속성을 관리 requestScope : request(요청)객체와 동일한 데이터 저장 영역에서 속성을 관리 sessionScope : session(세션)객체와 동일한 데이터 저장 영역에서 속성을 관리 applicationScope : application 객체와 동일한 데이터 저장 영역에서 속성을 관리 JSTL(JSP Standard Tag Library) 사용자가 정의한 태그 JST.. 공감수 0 댓글수 0 2019. 8. 28.
[JSP] 페이징 처리 용어정리 페이징 처리 : 테이블의 총 레코드를 페이지당 정해진 개수(default 10)로 출력시켜주는 웹 프로그래밍의 기법 레코드 : 게시글 1개를 나타내는 단위 페이지 : 게시글 N개까지 묶어주는 단위(N은 default 10) 블럭 : 페이지 M개까지 묶어주는 단위(M은 default 10) 공감수 0 댓글수 0 2019. 8. 26.
[MySQL] DB 및 테이블 관리 - 생성, 수정, 삭제 1. DB 생성 형식) create database 생성할_DB이름; ex) create database temp; 2. DB 삭제 형식) drop database 삭제할_DB이름; ex) drop database temp; 3. DB 접속 형식) use 접속할_DB이름; ex) use mydb; 4. 테이블 생성 ex) create table emp(id int(5) not null, name varchar(13) not null, dept varchar(14) not null); 5. 테이블 구조 확인 형식) desc 테이블이름; ex) desc emp; 6. 테이블에 필드를 추가 형식) alter table 수정할_테이블이름 add column 필드이름 자료형 제약조건; ex) alter table.. 공감수 0 댓글수 0 2019. 8. 23.
[JSP] 쿠키(Cookie), 세션(Session) HTTP에서 상태를 유지하기 위한 방법 Get 방식 접속 --> request.getParameter(~) Hidden 방식 --> url에 정보 표시X , 입력받지않고 전달하는 경우 쿠키 세션 쿠키(Cookie) HTTP의 상태 유지를 위한 방법 중 하나 클라이언트의 상태 정보를 클라이언트의 하드 디스크에 저장한 후 필요 시 저장된 쿠키를 읽어서 클라이언트를 식별하는 방식 쿠키란 서버가 클라이언트에 전송하여 저장하는 텍스트 조각을 의미 세션(Session) 클라이언트와 서버간의 상태를 유지하기 위한 방법 클라이언트가 처음 접속했을 때 세션ID를 부여하고, 서버에 세션ID를 저장 다시 클라이언트가 접속했을 때 부여된 세션ID를 이용해서 클라이언트를 구분 세션 ID : 서버 입장에서 브라우저를 구분하는 고.. 공감수 0 댓글수 0 2019. 8. 19.
[JSP] 페이지 이동시키는 방법 1. response 객체 response.sendRedirect("이동할_페이지명"); ex) response.sendRedirect("http://www.daum.net"); //외부 사이트로 이동 ex) response.sendRedirect("./req.jsp"); //내부 파일의 상대경로를 지정하여 이동 URL창이 이동할 페이지로 전환되면서 이동 데이터를 서로 공유할 수 없음 2. forward 액션태그 외부 사이트로 이동 안됨 자기 프로젝트의 다른 페이지로만 이동 가능 URL창이 이동할 페이지로 전환되지 않음 데이터를 공유하면서 페이지 이동 가능 3. 자바스크립트 location.href="이동할_페이지명" location.replace("http://~이동할_페이지명") history.bac.. 공감수 6 댓글수 0 2019. 8. 13.
[JSP] 액션 태그 액션 태그 어떤 기능(페이지 이동, 외부 파일 불러오기)을 가진 태그 객체를 생성하여 태그 형태로 만들어 사용 액션 태그의 종류 include --> 동적 디자인 forward --> 프로젝트 내의 다른 페이지로 이동 useBean --> 객체 생성 setProperty --> setter getProperty --> getter 공감수 0 댓글수 0 2019. 8. 13.
[JSP] 내장 객체(Implicit Object) 내장 객체 JSP 프로그램 코드에서 프로그래머가 선언하지 않아도 사용할 수 있도록 미리 선언된 객체 JSP 만들때부터 만들어져있는 객체 스크립트릿() 안에서만 사용할 수 있다 JSP 실행 시 자동생성되는 서블릿코드의 _jspService()메소드 내에 선언됨 내장 객체의 종류 request --> 요청 객체 response --> 응답 객체 out --> 서블릿의 입출력 시 사용 session --> 회원 로그인할 때 필요 application --> 웹프로젝트에서의 객체 사용범위와 연관 config --> 서블릿의 초기화 매개변수를 설정할 때 사용 exception --> 예외처리(try~catch)할 때 사용하는 객체 내장 객체의 변수 사용 범위 page 범위 => 현재 페이지에서만 사용되는 변수 r.. 공감수 0 댓글수 0 2019. 8. 13.
[JSP] Servlet을 만들 수 있는 조건 1. 외부 패키지, servlet-api.jar파일 import javax.servlet.*; //서블릿의 클래스 import javax.servlet.http.*; //웹 상에서 접속에 관련된 정보 2. 반드시 public class로 작성 외부에서 접근이 가능해야 함 누구나 접속이 가능하도록 3. 반드시 HttpServlet클래스를 상속 받기 상속을 통해 doGet(), doPost() 기능을 부여 get방식(사이트접속) --> doGet() 자동 호출 post방식 --> doPost() 자동 호출 service() --> 사용자가 get방식 또는 post방식으로 접속했을때 처리해주는 메서드 공감수 0 댓글수 0 2019. 8. 12.
[JavaScript] 자바스크립트 함수 호출하는 방법 1. 링크만들기 형식) JavaScript:호출할_함수명(~) 또는 JavaScript:자바스크립트_코드;~ ex) 표만들기 2. 버튼 ex) document.폼객체명.submit() 공감수 0 댓글수 0 2019. 8. 12.
[JSP] JSP의 구성요소 1. Scriptlet 자바코드를 사용할 수 있도록 해주는 영역 태그와 태그 사이에 아무 위치에 배치가 가능 scriptlet 안에 자바스크립트 그문 사용X, 표현식 사용X 형식) 2. Expression(표현식) 간단히 출력문 대용으로 사용 --> 변수값 출력, 메서드 호출의 결과값 출력 scriptlet안에 사용X 형식) 3. Declaration(선언문) 형식) 선언문 안에 자바코드를 사용 가능 선언된 위치에 상관없이 변수를 불러다 사용 가능 메서드 작성 가능 4. comment(주석) 프로그램의 실행과 상관이 없는 간단한 설명 문장 클라이언트가 볼 수 있는 주석 클라이언트가 볼 수 없는 주석 자바 주석 // , /* ~ */ 주석 사용 시 주의할 점 주석 내부에 표현식을 사용 가능 주석 내부의 표.. 공감수 0 댓글수 0 2019. 8. 9.
[Java] Collection 정의와 특징 Collection의 정의 다양한 자료구조(List,Set,Map,...)를 자바 클래스로 객체화한 것 Collectiond의 특징 객체만 저장할 수 있다 동적 배열의 성격을 가지고 있다 객체를 저장할 때 Object형으로 변환해서 저장된다 저장된 데이터를 꺼내올 때 원래의 자료형으로 형변환시켜야 한다. 공감수 0 댓글수 0 2019. 8. 8.
[Java] 객체 형변환, 예외처리 1. 자바의 형변환 기본 형변환 --> byte, short, int, long, float, double, char 자동 형변환(작은크기에서 큰크기로) 강제 형변환(큰크기에서 작은크기로) 객체 형변환 --> 클래스, 배열, 인터페이스 자동 객체형변환 명시적인 객체형변환 2. 객체 형변환 객체 형변환은 상속관계(부모-자식관계)때문에 존재 부모 클래스 < 자식 클래스 ( 부모보다 멤버변수,메서드 개수가 더 많다) 자식클래스에서 부모클래스로 자동형변환 일어남 부모클래스에서 자식클래스로 자동형변환 일어나지 않음 3. instanceof 연산자 객체형변환이 가능한지 아닌지를 확인시켜주는 연산자 형식) if ( 객체명 instanceof 클래스명) 4. 예외처리 예외 : 정상적인 자바프로그램의 실행을 방해하는 에.. 공감수 0 댓글수 0 2019. 7. 29.
[Java] String 클래스의 자주쓰는 메서드 메서드 설명 String concat(String str) 문자열 str을 뒤에 추가 String substring(int begin) String substring(int begin, int end) begin 부터 end까지 포함되는 인덱스의 문자열을 추출 단 end 값은 포함되지 않음(begin 공백포함, next(단어) String input = sc.nextLine(); stringPrint(input); } public static void stringPrint(String s) { //1.concat --> 문자열 결합 System.out.println("s.concat('test')= "+s.concat("test")); //2.substring(시작인덱스(포함),종료인덱스(바로 앞번호까지.. 공감수 0 댓글수 0 2019. 7. 24.
[Java] 추상클래스, 인터페이스 1. 메서드의 종류 - 객체 생성 유무에 따라 일반 메서드 --> 객체 생성을 해야 호출이 가능 정적 메서드 --> 객체 생성 없이도 호출이 가능 추상 메서드 --> 메서드의 선언만 되어있는 메서드, 구현부{ } 가 없는 메서드 ex) public abstract void go( ); 2. 추상 클래스 클래스 내부에 추상 메서드가 하나라도 존재하면 추상 클래스 추상 클래스를 상속받은 자식 클래스는 추상메서드를 반드시 오버라이딩 해야 함 객체 생성 불가능 추상 클래스 사용 목적 : 설계 목적 3. 인터페이스 인터페이스 사용 목적 : 설계 목적 멤버변수 --> 상수만 선언 가능, static final 생략 가능 ex) public static final int SU=3; 메서드 --> 추상 메서드만 선언 .. 공감수 0 댓글수 0 2019. 7. 24.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.