우아한 프로그래밍
반응형
20181208 아는 형님.E157 게스트 EXID 출현!!
Etc. 2018. 12. 13. 00:22

2018년 12월 08일 방송에 아형고에 EXID가 찾아왔습니다. 이전과는 달리 당당해진 혜린의 모습이 보입니다. 옛날에는 굉장히 낯을 많이 가렸던거 같은데. 오늘 만큼은 굉장히 당당한 모습을 보여주네요! 역주행의 아이콘 하니도 보이구요! 갑상선항진증으로 잠시 휴식을 취했던 솔지도 있네요. 반가운 얼굴입니다. 솔지가 1대 복면가왕이었다고 해요 저도 몰랐던 사실이네요. 아육대에서 메달을 휩쓴 EXID 양궁실력을 뿜뿜하네요 이날 혜린은 역대급 예능감을 보여주는데요. 새로운 예능계의 블루칩으로 거듭날지 기대해 봅니다 ㅎ

모바일(MW)/태블릿/PC 반응형 웹어플리케이션 만들기 기초
카테고리 없음 2018. 12. 4. 21:35

1. 문제상황 우리가 개발을 하다보면 하나의 코드로 모바일/PC/태블릿의 다양한 디바이스에서 화면의 크기에 알맞게 보여줘야하는 경우가 있다. 이런것을 전문용어로 반응형 웹이라고한다. 웹 어플리케이션이 디바이스의 화면크기에 반응하는 것이다. 뭔가 단어를 들었을때는 어려워 보일 수 있으나 굉장히 간단하다. CSS3의 미디어쿼리를 사용하면된다. HTML PRODUCT INFO SIZE INFO 단위:cm,단면기준 SIZE 총길이 Total length 어깨 Shoulder 가슴 Bust 소매 Sleeve length 밑단 Hems Free (44~77) - - - - - · 사이즈는 단면 측정입니다. · 측정 방법과 위치, 소재에 따라 2~3cm 오차가 있을 수 있습니다 DETAIL INFO 사이즈 Size ..

article thumbnail
DIV에 Padding(여백)을 포함한 Width(너비)를 지정하는 방법
카테고리 없음 2018. 12. 3. 23:49

1. 문제상황 기본적으로 우리는 DIV를 만들때 Padding(여백)을 포함한 너비를 지정하고자 한다. 하지만 항상 너비 + 여백이 총너비가 되어버려서 항상 100%를 넘는 문제를 직면하곤 한다. 이러한 문제를 어떻게 하면 해결 할 수 잇을까? 2. 해결방안 HTML CSS .box:first-child { border : 1px solid red; width : 300px; height : 300px; padding : 50px; } .box:last-child { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border : 1px solid red; width : 300px; height : 3..

article thumbnail
유튜브 동영상을 다운로드 하는 방법에 대해 알아보자
카테고리 없음 2018. 10. 28. 21:42

1. 준비사항 먼저 프로그램을 다운로드 받습니다. 아래 사이트에 들어갑니다. https://www.4kdownload.com/ko/download 다운로드 받고서 설치를 진행합니다. 설치가 완료되면 아래와 같은 아이콘을 눌러서 실행하여줍니다. 2. 유튜브 동영상 다운로드 방법 먼저 유튜브 사이트로 이동합니다. 해당 주소를 복사합니다. 클립보드에 복사한채로 프로그램에서 링크복사를 누릅니다. 원하는 화질을 선택하고 다운로드를 누르면 다운로드가 완료됩니다.

article thumbnail
메이븐 WAR 배포하는 방법에 대해 알아보자
카테고리 없음 2018. 10. 28. 21:36

1. 들어가면서 메이븐을 이용하여 웹프로젝트(WAR)로 배포하는 방법은 매우매우 쉽습니다. 너무나도 간단해서 사실 쓸내용이 별로 없지만 그래도 한번 써보도록하겠습니다. 2. 방법 아래와 같이 프로그램을 다 작성하고 나면 배포를 진행해야겠지요? 아주 간단합니다. 아래 사진을 보고 쭉 따라해 주시기바랍니다. 위와 같이 설정을 하고 Debug를 누르면 실행이됩니다. 실행이 되고 나면 War 파일을 프로젝트명 > target 경로에 떨어지게됩니다. 이상 궁금한 사항은 댓글 혹은 옆에 실시간 문의 주세요.

article thumbnail
크롬에서 자바스크립트 디버깅 방법에 대해서 알아보자
카테고리 없음 2018. 10. 27. 10:12

1. HTML코드 작성 (자바스크립트 포함) 크롬에서 자바스크립트 디버깅을 하는 방법은 아주쉽습니다. 먼저 HTML 코드를 작성해보겠습니다. 아래 처럼 만들고 실행해 봅니다. 크롬에서 개발자도고를 실행하여 정상적으로 로그가 출력되었는지 확인합니다. 2. 디버깅 코드를 넣기 #1 디버깅하는 방법에는 2가지 정도 방법이 있습니다. 먼저 첫번째 방법으로는 코드에 debugger;를 삽입해주는 방법입니다. 아래와 같이 말이죠. 그럼 소스를 수정한 후 다시 실행해 봅니다. 정상적으로 디버깅이 걸리는 것을 확인 했습니다. 3. 디버깅 코드를 넣기 #2 이번에는 다른 방법으로 디버깅을 걸어보도록 하겠습니다. 맨처음 소스대로 놓고 개발자도구를 켭니다. 그리고 아래와 같이 작업을 해주시면 디버깅이 걸립니다. 그리고 페이..

버튼 클릭시 파일 업로드 하는 방법에 대해서 알아보자
카테고리 없음 2018. 10. 27. 09:57

1. HTML 엑셀업로드 2. JS function afterFileChange(){ var formData = new FormData(); formData.append("excelFile", $("#file")[0].files[0]); $(".preloader").fadeIn(); debugger; $.ajax({ url : "/rest/home/uploadExcel", data : formData, dataType : 'json', processData : false, contentType : false, type : 'POST', success : function(data) { if( data.result == 'SUCCESS'){ searchList(); }else{ var Ca = /\+/g; ..

HttpURLConnection 사용방법에 대해 알아보자.
카테고리 없음 2018. 10. 27. 09:53

1. 사용방법 import java.io.BufferedReader; import java.io.InputStreamReader; import java.net.HttpURLConnection; import java.net.URL; import java.util.Map; public class Main { public static void main(String[] args) { String html = getHtml(); System.out.println( html); } private static String getHtml() { HttpURLConnection connection = null; try { // 요청 URL URL url = new URL("http://javaking75.blog.me/..

article thumbnail
마이에스큐엘(Mysql) 설치하는 방법에 대해 알아보자!
카테고리 없음 2018. 10. 21. 09:37

다운로드 먼저 아래의 주소에 접속한다. https://dev.mysql.com/downloads/ 접속 후 아래의 사진 처럼 클릭하여 들어간다. 다운로드가 완료되었다. 2번에서 설치를 진행해 보자. 설치진행 다운로드 받은 프로그램을 실행하세요. 그 다음 쭉 Next 하고.... 아래 화면에서 비밀번호를 입력하세요 그 다음 또 쭉 Next 하고 실행하고 아까 입력한 비밀번호 입력하고 Check 를 눌러주세요. 또 계속 Next 하고 아래 화면이 나오면 정상 설치가 되었습니다. 정상설치확인하기 설치가 완료되면 아래 사이트에 접속해서 데이터베이스 클라이언트 프로그램을 받아줍니다. mysql 클라이언트중 가장 심플하고 유명한 프로그램입니다. https://www.heidisql.com/download.php 설..

스프링 컨트롤러 아닌곳에서 Session 가져오기!
프로그래밍/Spring 2018. 10. 15. 23:12

1. 문제상황 컨트롤러에서 Session객체를 가져오는 것은 쉽다. 하지만 SERVICE / DAO / UTIL 등 기타 클래스에서 Session을 가져오는 것은 어떤가? 이러한 문제 상황이 닥쳤을때의 해결방법을 알아보자. 2. 해결방법 간단하다 아래의 클래스를 만들고 사용하면 된다. package com.sample.vue.common.utils; import javax.servlet.http.HttpSession; import org.springframework.web.context.request.RequestContextHolder; import org.springframework.web.context.request.ServletRequestAttributes; import com.sample.vu..

반응형