분류 전체보기
-
localhost 웹 프로젝트화면 모바일로 확인해보기카테고리 없음 2019. 8. 17. 21:14
프로젝트를 진행함에 있어서 모바일로 확인해보면 화면이 어떻게 보이는지 궁금했다. 핸드폰 인터넷으로 들어가서 노트북에서 주소를 치는 것과 같이 localhost:8080/플젝주소를 입력하였다. 결과는? 역시나 나오지 않는다 ㅎㅎ 네트워크 통신쪽은 지식이 많이 부족한 터라 검색을 통해 방법을 알게 되었는데, 그 방법을 적어보려고 한다. 혹시나 나같이 자신이 만든 홈페이지를 자신의 모바일 환경에서 보고 싶다면 그대로 따라하면 될 것이다. (본인의 컴퓨터환경은 windows10이다.) 먼저 제어판 > 시스템 및 보안 > Windows Defender 방화벽으로 들어간다. 위 화면이 나올텐데, 고급 설정을 클릭! 위와 같은 화면을 볼 수 있는데, 인바운드 규칙 -> 오른쪽 상단의 '새 규칙'을 눌러준다. 다음을 ..
-
JSP 페이지 모듈화하기, include 액션태그를 이용해보자SPRING, JAVASCRIPT 2019. 8. 17. 18:58
오늘은 JSP의 include 액션태그에 대해 작성해보려고 한다. include 액션태그란 무엇일까? 설명에 앞서, 우리나라 최고의 포탈사이트인 naver에서 jsp라는 검색어로 검색을 진행해보았다. 본인은 jsp에 대한 이미지를 검색해보고 싶어(?) 위 화면에서 이미지 버튼을 눌렀다. 이 때 한 가지 사실을 알 수 있는데, 발견하였는가? 위 캡쳐본과 비교해보면 검색한 내용의 컨텐츠가 변경된 것과는 다르게 상단부분의 네이버 마크 및 아이디 상태, 검색창 등이 동일하게 유지됨을 알 수 있다. 그러면 새로운 페이지를 만들 때 다른 페이지와 동일한 부분도 똑같이 코딩할까? 정답은 'No' 이다. 이미 만들어 놓은 부분이 존재하다면 그 부분의 코드만을 끌어와서 사용한다면 간편하게 새로운 페이지를 만들 수 있으며..
-
CSS 실습하기, id와 class의 차이점은 무엇일까?HTML5 ,CSS 2019. 8. 16. 19:46
혼자서 웹 사이트만들기를 제작하면서 CSS에서 굉장히 애를 많이먹었다. 그냥 이쁜 템플릿 구해서 만들껄... 이미 혼자서 모든 것을 만들기로 한 이상 모르는 것을 찾아보면서 하고 있는데, 제대로 이해하지 못하고 사용하던 id와 class의 차이에 대해서 정리해보려고 한다. id 및 class는 해당 틀(div, input 등..)의 css스타일 변경 등을 css파일에서 작성할 때 불러오는 이름이다. 먼저 테스트 페이지를 만들어보았다. div는 박스형태로 공간을 분리할 때 사용하는 키워드로, 기본 default값이 테두리가 투명한 색이므로 구분하기 쉽도록 테두리에 값을 넣어주었다. border : 테두리, 1px굵기로 solid형태의 검은색 선을 생성한다. div 자체 태그를 설정하면 앞으로 본 페이지에서..
-
DAO, DTO(VO) 란 무엇일까?SPRING, JAVASCRIPT 2019. 8. 14. 20:23
DAO와 DTO(VO)란 무엇일까? 먼저, 이 두 가지 용어를 설명하기에 앞서 MVC구조에 대해 먼저 알아야 한다. 글쓴이의 전 글 중에 MVC구조에 대해 부족하게나마 정리한 글이 있으니 보고 이해를 먼저 하도록 하자. DAO Data Access Object의 약자로, 데이터베이스의 데이터에 접근하기 위해 생성하는 객체이다. 데이터베이스에 접근하기 위한 로직과 비즈니스 로직을 분리하기 위해 사용한다. 간단하게, DB에 접속하여 데이터의 CRUD(생성, 읽기, 갱신, 삭제) 작업을 시행하는 클래스이다. JSP 및 Servlet 페이지 내에 로직을 기술하여 사용할 수 있지만, 코드의 간결화 및 모듈화, 유지보수 등의 목적을 위해 별도의 DAO 클래스를 생성하여 사용하는 것이 좋다. 한 줄 요약 : DAO는..
-
Spring MVC 구조의 이해 및 처리과정SPRING, JAVASCRIPT 2019. 8. 12. 17:00
MVC 구조란 무엇이며 어떠한 방식 및 과정의 처리를 진행하는 구조일까? 웹 개발자로 인턴과정을 해보면서 선임 개발자들한테도 수 없이 중요성을 들었고 이 구조를 통해 개발했는데, 구조를 정확히 파악하지 못한 것 같아 정리해보려고 한다. 1. Model(모델) 어플리케이션의 데이터이며, 모든 데이터 정보를 가공하여 가지고 있는 컴포넌트이다. 사용자가 이용하려는 모든 데이터를 가지고 있어야하며, View(뷰) 또는 Controller(컨트롤러)에 대해 어떤 정보도 알 수 없어야 한다. 변경이 일어나면 처리 방법을 구현해야 한다. 2. View(뷰) 시각적인 UI 요소를 지칭하는 용어이다. Model(모델)이 가지고 있는 데이터를 저장하면 안된다. Model(모델)이나 Controller(컨트롤러)에 대한 정..
-
각 암호화폐 거래소 현재 시세파악 api 사용하기카테고리 없음 2019. 8. 12. 16:31
현재 개발 진행 중인 웹 사이트 내 각 거래소의 시세를 정리해놓은 테이블이다. 거래소 api를 찾아보면서 간편하게 얻어오는 방법이 없을까해서 검색하던 도중 간단하게 get방식을 통해 시세를 받아 저장하는 방법을 찾았다. 앞으로도 위 사이트 개발 중 유용하게 사용할 것 같아서 정리해두려고 한다. 거래소명 주소 비고 빗썸 (Bithumb) https://api.bithumb.com/public/ticker/ALL ALL 대신 원하는 암호화폐 심볼을 입력시 원하는 데이터를 호출 업비트 (Upbit) https://crix-api-endpoint.upbit.com/v1/crix/candles/days/?code=CRIX.UPBIT.KRW-BTC KRW-BTC 대신 원하는 마켓 및 심볼을 입력하면 원하는 데이터를..
-
블로그를 시작하며..잡담 2019. 8. 12. 16:04
어느덧 독일을 다녀온지 반년이 넘었다. 원래 안드로이드 앱 개발을 하고 싶었지만, 웹 개발자(?)를 반년 경험해보고 웹 개발에 대해 더 공부하고 이 쪽으로 일을 하고 싶어졌다. 개인적으로 프로젝트를 시작한지는 이 주가 넘게 시간이 흘렀는데, 프로젝트를 진행하는 동안 api 연결 등 모르는 것들에 대해 일시적으로 찾아보고 해결하는 방식으로 진행하다보니 머리속에 개념이 정리되지 않고 남는 것이 있지 않는 것 같아 매번 프로젝트의 진행상황과 찾아본 정보들을 적으려고 한다. 작심 삼일을 버티고 작심 삼주가 될 때까지 진행해야지.. 파이팅!