분류 전체보기

지금까지 해온 작업 결과물을 보면 오늘의 운세를 봐주겠다면서 갑자기 대놓고 텍스트로 고르도록 합니다. 글자가 아닌 타로 카드 뒷면이 보이도록 해볼게요. 카드 이미지 추가 1 cs The Fool 하면서 글자가 써진 부분에 이미지 삽입을 위한 구역을 지정해줄게요. 원래는 해도 괜찮지만 조금이라도 짧게 쓰고 싶었습니다. 1 2 3 4 5 .insertCardImg{ content:url(back.jpg); height:100px; width:70px; } cs content:url(); 로 CSS에서 이미지 추가가 가능하답니다. 적절하게 카드의 크기를 지정해줍니다. 카드 이미지는 뜨는데 radio 버튼이 거슬립니다. 아예 안보이도록 지워버리죠. 1 2 3 4 5 6 [type=radio] { position..

목표 오늘의 운세를 보기 위해 카드를 선택하는 페이지를 만들자. Radio 사용하기 Radio는 여러 항목중에서 단 하나의 값만 선택하도록 합니다. 중요한 점이 있다면 name = "blah" 하면서 모두 같은 값을 넣어주셔야 합니다. name을 따로 지정하지 않으면 각각을 다른 그룹으로 인식해서 중복 선택이 가능합니다. 또한 servlet에서 값을 받아올때도 복잡해지니 name = ""하면서 같은 이름을 지정해주세요. 메이저 타로 카드는 총 22장입니다. 즉 22개의 radio를 만듭니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 The Fool The Magician The High Priestess The Emp..

안녕하세요!! 제가 만들고 싶은 웹을 만들기에는 아직 배워야 할게 많습니다. 그러나 그걸 다 배우고 프로젝트 진행하려면 중간에 까먹을 수 있고 루즈해져서 재미가 없잖아요. 그래서 그냥 잠깐 쉬는 타임으로 공부용 실습이 아닌 개인 실습을 진행할까 합니다. 여러 분들도 중간중간 복습 차원에서 뭔가를 만들어 보시는 게 어떤지요?? Atom 프로젝트 이클립스로 옮기기 초반에는 제가 Git때문에 Atom에서 진행을 했습니다. 그런데 이미 사용중이던 eclipse에서도 지원하는 걸 알게 됐습니다. 톰캣 설정도 다 되어 있는 상태라서 작성중이던 타로 웹을 옮기기로 결정했어요. 기왕 옮기는 거 html로 작성하던 파일도 jsp로 바꾸려고 합니다. 미래를 위하여 미리미리!! New Dynamic Web Project 를..

드디어 사용자가 입력한 데이터를 받아와서 처리하는 방법에 대해 다룰 시간이 되었습니다. 클라이언트가 서버에 요청하는 방식 중에 하나인 GET 요청을 이용해서 다루려고 합니다. GET 요청이란? GET 방식은 URL(URI)을 이용합니다. 일반적으로 많이 사용되는 방식입니다. http://localhost:8080/hello?cnt=3 이런 방식으로 요청합니다. 나 hello라는 문서에 접근할 거야 대신 cnt에 3이라는 값을 넣어줘~ 하는 거죠. 서버에서는 이 값을 받아와서 무엇인가를 처리하면 됩니다. GET 방식의 특징 GET 요청을 캐시 할 수 있습니다 GET 요청은 브라우저 기록에 남아 있습니다 GET 요청을 북마크 할 수 있습니다 민감한 데이터를 다룰 때 GET 요청을 사용해서는 안됩니다 GET ..

https://programmers.co.kr/learn/courses/30/lessons/42862 코딩테스트 연습 - 체육복 점심시간에 도둑이 들어, 일부 학생이 체육복을 도난당했습니다. 다행히 여벌 체육복이 있는 학생이 이들에게 체육복을 빌려주려 합니다. 학생들의 번호는 체격 순으로 매겨져 있어, 바로 앞번� programmers.co.kr 문제 설명 n명의 학생이 있습니다. lost에는 체육복을 잃어버린 학생의 번호가 있고, reserve에는 여분의 체육복을 가져온 학생의 번호가 있습니다. 해당 번호는 체격 순으로 부여한 번호이므로 +1 혹은 -1 번호의 학생에게만 체육복을 빌려줄 수 있습니다. 체육수업을 들을 수 있는 학생의 최댓값을 return 하도록 solution 함수를 작성해주세요. 유의..

https://programmers.co.kr/learn/courses/30/lessons/42576 코딩테스트 연습 - 완주하지 못한 선수 수많은 마라톤 선수들이 마라톤에 참여하였습니다. 단 한 명의 선수를 제외하고는 모든 선수가 마라톤을 완주하였습니다. 마라톤에 참여한 선수들의 이름이 담긴 배열 participant와 완주한 선수�� programmers.co.kr 문제 요약 마라톤 참가자 문자열 리스트 participarticipant 가 주어지고 완주한 선수 문자열 리스트인 completion이 주어집니다. 이 두 데이터를 이용해 완주하지 못한 선수를 return 하면 되는 문제입니다. 첫 번째 아이디어 문자열 리스트 중복 제거 이런 식으로 떠올렸습니다. 가장 먼저 떠올린 방법은 set을 이용한 ..

굳이 알아야 할까? Servlet의 LifeCycle... 생명주기라고 해야 하나요?? 개발하는 데 필수로 익혀야 할 내용은 아닙니다. 사용하는 기술에 대한 기본적인 내용을 알면 더 깊은 이해를 통해 양질의 작품을 만들 수 있다고 생각합니다. Servlet의 Life Cycle 서블릿의 전체 생명주기는 javax.servlet.Servlet 인터페이스를 사용하여 서블릿 컨테이너에 의해 관리됩니다. 생명주기는 4단계로 구성됩니다. 서블릿은 init () 메서드를 호출하여 초기화됩니다. 서블릿은 service () 메서드를 호출하여 클라이언트 요청을 처리합니다. 서블릿은 destroy () 메서드를 호출하여 종료됩니다. 마지막으로, 서블릿은 JVM의 가비지 수집기에 의해 가비지 수집됩니다. init() 메서..

지난번에는 Servlet을 이용해 콘솔에 Hello world를 찍어보았습니다. 관련 글 : https://coding-nyan.tistory.com/26 생각을 해보면 System.out.println("Hello World"); 는 콘솔에 출력하는 코드입니다. 웹의 경우에는 서버에서 클라이언트로 값을 전달해서 출력을 해줘야 할 텐데 그렇다면 다른 방식이 필요하지 않을까요?? 웹에 출력하기 웹에 출력하기위해 HttpServletRequest와 HttpServletResponse를 이해하기 쉽게 한 단어로 짚고 넘어갈게요. HttpServletRequest = 입력 도구이고 HttpServletResponse = 출력 도구입니다. 출력을 하기 위해 HttpServletResponse response 객체..

https://www.acmicpc.net/problem/15829 15829번: Hashing APC에 온 것을 환영한다. 만약 여러분이 학교에서 자료구조를 수강했다면 해시 함수에 대해 배웠을 것이다. 해시 함수란 임의의 길이의 입력을 받아서 고정된 길이의 출력을 내보내는 함수로 정� www.acmicpc.net 문제가 상당히 깁니다만 대부분 Hashing에 대한 개념을 짚고 있습니다. 요약 가장 대표적인 방법은 항의 번호에 해당하는 만큼 특정한 숫자를 거듭제곱해서 곱해준 다음 더하는 것이 있다. 이를 수식으로 표현하면 아래와 같다. 보통 r과 M은 서로소인 숫자로 정하는 것이 일반적이다. 우리가 직접 정하라고 하면 힘들 테니까 r의 값은 26보다 큰 소수인 31로 하고 M의 값은 1234567891(..

안녕하세요 드디어 백엔드와 관련된 포스팅을 할 차례가 왔습니다. 원래대로라면 HTML과 CSS에도 할 이야기가 더 많고 Javascript까지 하면 분량이 많았을 겁니다. 그러나 저는 백엔드를 위주로 다루고 싶어서 실습용 웹을 만들 정도로만 살펴봤습니다. 서론이 길었네요. Servlet이란? http://www.가상의 주소. com/user를 요청한다고 합시다. 보통 서버에서는 root 혹은 홈 디렉터리 기준으로 해당 문서를 찾아나갈 겁니다. 정적인 문서라면 바로 찾아서 페이지를 response 해주면 되겠죠 그런데 만약 저 user라는 페이지가 항상 고정된 값이 아니라 변동이 된다면 어떡할까요? Server application을 작성해 데이터베이스에서 해당 user와 관련된 테이블을 찾고 뭔가 실행하..