본문 바로가기

분류 전체보기

 (104)
<스프링 Spring> 회원가입 시 이메일 주소 가져오기 - 회원가입 시 입력된 이메일 주소 가져오기 이메일을 3개의 칸(사용자 이메일의 아이디, @, 도메인 주소)으로 나누어 입력하면 해당 정보를 가져와 DB에 1개의 이메일 주소로 합쳐서 저장할 수 있는 방법이다. 여러 자료를 찾아보니 이 기능에 관련된 자료는 없는 것 같아 직접 코드를 작성해보았다. 순서는 다음과 같다. 1) 회원가입 폼에 다음과 같이 코드를 만든다. 이메일 @ 이메일 칸을 3개로 구분지어 만든다. 첫번째는 사용자의 이메일 주소 중 아이디를 넣을 수 있는 칸(id="user_email"), 두번째는 태그 사이에 들어가는 span태그로, @ 기호만 html로 입력해준다(사용자 입력X). 세번째는 사용자의 이메일 주소 중 도메인 주소를 넣을 수 있는 칸(id="email_address")이다...
<스프링 부트 Spring boot> 회원가입 기능 구현 - 회원가입 기능 스프링 부트에서 회원가입 기능을 구현할 때, 보통 Security를 이용하여 구현하는데 이번 경우에는 Security 없이 구현하였다. 따라서 로그인 기능 구현 코드와 크게 다르지 않다. 구현 순서는 다음과 같다. 1) 회원가입 페이지인 jsp에 태그로 사용자에게서 입력받은 정보를 서버(컨트롤러 서블릿)으로 보낸다. - method : post 방식으로 서버에 전송한다. - action : 'join'으로 매핑된 컨트롤러의 메서드로 보낸다. 아이디 비밀번호 2) 회원가입 클릭 시 Controller는 웹 브라우저의 요청을 GetMapping으로 받고 Post에서 작업을 처리한다. 회원가입 폼에서 입력한 사용자의 정보는 VO 객체로 받고, 이를 Service의 메서드 호출과 동시에 매개변..
<스프링 부트 Spring boot> 로그인, 로그아웃 기능 구현 1. 로그인 기능 순서는 다음과 같다. 1) 로그인 페이지인 login.jsp에 태그로 사용자에게서 입력받은 정보를 서버(컨트롤러 서블릿)으로 보낸다. - method : 웹 브라우저에서 서블릿으로 정보를 전송하는 방법. GET과 POST 방식이 있다. - action : 사용자에게서 입력받은 정보를 보낼 서블릿이다(구체적으로는 서블릿에 매핑된 이름을 작성한다). - name : input 태그의 name 속성은 DB에서 가져온 데이터와 매칭할 수 있도록 DB의 컬럼명, 그리고 VO의 멤버변수명과 동일한 값으로 지정해야 한다. - submit : 최종적으로 form에서 입력받은 정보를 서블릿으로 전송하는 속성이다. 아이디 : 비밀번호 : 2) 정보를 전달받은 Controller는 Service의 객체를 ..
<CSS> 레이아웃 (3) - 포지셔닝 - 포지셔닝이란? 앞서 배운 CSS 레이아웃의 기본 토대가 되는 박스 모델을 바탕으로, 웹 문서의 화면을 각 위치에 맞게 구성하는 것을 말한다. 박스 모델을 원하는 위치로 움직여 포지셔닝할 수 있는 속성들은 아래와 같다. 1) box- sizing박스 너비의 기준을 정한다. 기본적으로 width 속성은 박스 모델 요소 중 콘텐츠 영역에 해당하는 가로 길이를 나타낸다. 따라서 박스 너비를 지칭할 때, 가로 길이를 콘텐츠 영역까지만 지정한다면 box-sizing에 content-box(기본값)를, 테두리 영역까지 포함한다면(padding 영역을 포함) border-box를 넣어 설정할 수 있다. - box-sizing: content-box / box-sizing: border-box /* 테두리까지 박스인..
<국비지원 개발자 과정> 4달 후기 - 큰 이변은 없다 국비지원 개발자 과정을 시작한지 이제 정말로 4달이 지났고, 딱 정확하게 1달을 남겨두고 있다. 보통 6달 과정으로 알고 있는데, 내가 신청한 과정은 5개월 과정이다. 사실 처음 신청했던 과정은 배우는 건 똑같은데, 지금 과정보다 더 빨리 시작해서 1월 경에 마치는 거였다. 약 6개월 정도 진행되는. 그런데 그것까진 너무 긴 것 같아 지금 진행중인 5개월 과정으로 바꿨다. 그리고 그러길 정말 잘했다고 생각한다. 더 길었으면 지루하고 지치기만 했지 더 좋았을 것 같지는 않기 때문. 개발에 발을 내딛고 전체적인 큰 흐름을 이해할 수 있었던 것만으로도 국비 과정으로서는 충분하다고 생각한다. 학원에서는 당시에 과정을 바꾸려고 하니 또 이것저것 묻고... 바꿔주고 싶지 않은 눈치였지만 강하게(?) 어필해서 바꿨었..
<CSS> 레이아웃 (2) - 박스 구성 요소 - 박스 구성 요소 1) border border는 테두리라는 뜻으로, 박스에서는 핵심적인 부분인 콘텐츠를 둘러싼 테두리다. 테두리에 적용할 수 있는 스타일 속성으로는 다음과 같은 것들이 있다. - border-style : 테두리 선의 스타일 지정 ex. none, solid(실선), dotted(점선), double(이중선) - border-width : 테두리 선의 두께 지정. thin-medium-thick이나, 구체적인 수치로 설정할 수 있음 - border-color : 테두리 선의 색상 지정 - border-radius : 박스 모서리를 둥글게 설정. 테두리의 모서리 부분에 원이 하나 있는 것처럼 원의 반지름(radius) 값을 설정. - border 스타일 묶어서 표현 : border *속..
<자바 Java> 컬렉션 프레임워크(Collection Framework) (2) - Set - Set 컬렉션 Set 컬렉션은 List 컬렉션과 달리 순서를 저장하지 않는다. 그리고 중복을 허용하지 않는다. 수학의 집합, 그리고 구슬 주머니라고 할 수 있다. 동일한 객체를 두 개 이상 저장할 수 없으며, 들어가고 나오는 순서가 매 번 같지 않기 때문이다. Set 컬렉션도 List 컬렉션과 마찬가지로 제네릭 타입을 가지며, 객체 구현 시 구체적인 타입을 결정한다. 또한 객체 추가는 add(), 삭제는 remove() 메서드를 사용하는데 List 컬렉션과 같다. 주의할 점은 앞서 설명한 바와 같이 List 컬렉션과 다르게 객체 저장에 순서가 없다는 것이다. 따라서 객체를 꺼내오려면 반복자(Iterator)의 메서드를 사용해야 한다. - Iterator 인터페이스 Set 컬렉션에는 순서가 없기 때문에..
<자바 java> 상속 - 상속이란? 자바에는 '상속'의 개념이 있다. 말 그대로, 상속을 통해 클래스 간 자원(필드, 메서드 등)이 전달될 수 있는 속성이다. 프로그램에서는 상속이 이루어졌을 때, 상속해준 클래스를 부모 클래스 혹은 상위 클래스, 상속을 받은 클래스를 자식 클래스 혹은 하위 클래스로 지칭한다. - 상속의 이점 상속이 자바에서 핵심적이며 중요한 하나의 기능으로 자리잡은 데에는 상속이 갖는 이점들에 그 이유가 있다. 상속은 이미 잘 개발된 클래스를 다시 재사용하여 새로운 클래스를 만드는 것이다. 따라서 다음과 같은 이점들을 가진다. 1) 코드의 중복을 줄여준다. 2) 수정을 최소화시킬 수 있어 유지 보수 시간을 줄여준다. 다만, 상속에서 주의할 점은 모든 필드와 메서드를 상속받을 수 있는 것은 아니라는 것이다. ..
<CSS> 레이아웃 (1) - 박스 모델 - CSS 레이아웃 웹 문서의 구성은 기본적으로 박스를 기준으로 되어있다. 즉, 박스 모델이다. CSS 레이아웃은 이 박스 모델에 기초하고 있다. 박스 모델은 아래 두 가지의 요소에 따라 나열 방법이 달라진다. 1) 블록 레벨(block-level) 요소 블록 레벨 요소란, 박스들이 가로로 각각 한 줄씩을 차지하는 요소들을 말한다. 따라서 세로로 길게 한 줄로 늘어서게 되며, 각 줄의 요소 옆에는 다른 박스가 올 수 없다. *블록 레벨 태그 - , ~, , , , , , , , , 2) 인라인 레벨(inline-level) 요소 인라인 레벨 요소란, 블록 레벨 요소와 달리 한 줄에 여러 박스들이 위치할 수 있는 형태의 요소를 말한다. 보다 쉬운 이해를 위해 의인화를 해보자면, 블록 모델 요소들은 욕심이 ..
<CSS> 기초 개념 (CSS 고전짤..) - CSS란? 'Cascading Style Sheets'의 약자로, HTML과 함께 웹 표준 규격을 이룬다. 쉽게 말해 HTML이 웹 문서의 구조, 기본 텍스트, 골격 등을 나타낸다면 CSS는 HTML에 색상, 이미지 등의 스타일적인 요소를 부여하는 것이다. 웹 문서의 겉모습이라고도 할 수 있겠다. 하나의 문서 안에 여러 개의 스타일이 적용될 수 있는데, 이들을 묶어 놓은 것을 스타일 시트라고 한다. 스타일 시트는 두 가지 방법으로 사용할 수 있다. '내부 스타일 시트'와 '외부 스타일 시트'가 그것인데, '내부 스타일 시트'는 HTML 문서 안에 스타일 시트를 함께 작성한 것이며, '외부 스타일 시트'는 HTML과 스타일 시트 파일을 따로 분리하여 작성하고, HTML 안에 스타일..

티스토리툴바