- 조크베어 메인페이지 테이블 구조 및 레이아웃 초안 조크베어의 메인페이지 레이아웃이 나왔다. (feat. 나당쓰) 긴 시간이 흐른 뒤.. 테이블 구조를 담고 있는 ERD가 나타났다. 처음부터 완벽하게 설계하고 만들면 좋겠으나.. 진척이 없을 듯 하여 우선은 프로젝트를 돌릴 수 있게 기본적인 것만 갖고 가자는 마음으로 시작했다. (나중에 설계미스로 만나게 될 부분들이 두렵지만 그 또한 공부가 되고 양분이 되지 않겠는가..🥲🥲) 오늘도 한 걸음 더 나아가며, 끗.

- 네이버 환율을 스크랩핑 해보자! 네이버 환율을 스크랩핑하여 환율계산기를 만들어보았다. Jsoup과 Gson을 활용했다. [Library] Jsoup으로 웹 페이지 크롤링(Crawling)하기 [parsing 라이브러리 : Jsoup] 1. parsing 라이브러리 : Jsoup - 다운로드 : https://mvnrepository.com/artifact/org.jsoup/jsoup/1.14.3 2. Jsoup으로 웹 페이지 크롤링하기[웹 페이지에 있는 썸네일 저장하기] - DB 테이블 생성 : TBL_MUSINSA_SAMPLE - HTMLPars yermi.tistory.com [Library] 자바(Java)로 제이슨(Json) 출력하기 [Json 라이브러리, Gson] 1. Json 라이브러리,..

- 이번에는 웹 페이지 오목이다(2) 1. 화점 찍어주기 바둑판에 화점이 없으니 너무 밋밋하여 위치 계산하여 찍어주었다. for(var i = 0 ; i < 3 ; i++) { for(var j = 0 ; j < 3 ; j++) { let dot = document.createElement('div'); dot.setAttribute('class', 'dot'); let margin_top = 58 + (i * 120); let margin_left = 58 + (j * 120); dot.setAttribute('style', `margin-top: ${margin_top}px; margin-left: ${margin_left}px;`); board.appendChild(dot); } } 2. 오목 로직..

- 이번에는 웹 페이지 오목이다(1) 이번에는 웹 페이지에서 할 수 있는 게임을 만들어보려고 한다. 바로 '오목'이다. 1. 오목판 만들기 오목판은 JavaScript로 만들었다. 아래는 오목판과 바둑돌이 놓일 위치에 대한 CSS이다. #table { position: absolute; background-color: blanchedalmond; width: 360px; height: 360px; border-collapse: collapse; border-spacing: 0; } #go { position: absolute; margin: 10px; width: 340px; height: 340px; border-collapse: collapse; } .square { border: thin solid..

- 예술의 정석, 일상에 예술 한 스푼 아는 지인에게 지도에 좌표를 표시한 웹 페이지를 만들어주었다. 네이버지도를 사용하였으며, 배포는 github로 진행하였다. - 네이버지도 적용 및 이벤트 [API] 웹 페이지에 네이버 지도 띄우고 마커 찍기 [네이버 Maps API 사용하기] - 웹 페이지에 네이버 지도 띄우고 마커 찍기 1. Naver Maps Application 등록 NAVER CLOUD PLATFORM cloud computing services for corporations, IaaS, PaaS, SaaS, with Global region and Security Technology Certification www.ncloud.com 2. 웹 yermi.tistory.com [API] 네이..