현상

 - td 안에 에디터에서 저장한 값을 표현할때 그대로 넣으면 td 값을 넘어서 img 이미지가 넘쳐서 보이게 된다. 

 해결

  - css의 max-width를 이용

.request-service__commentTable td img {
   max-width:100%;
}

위와 코드는 해당 클래스 명 아래 td 안에 있는 img 태그에는 모두 max-width를 적용한다라는 뜻이다.

img에 width, height 가 설정되어있어도 우선순위가 더 높은 max-width를 따라가게 된다. 

< max-width 적용 전 >

< max-width 적용 후 >

이미지가 눌려서 깨지는 현상이 발생하지만 전체 이미지를 다 볼 수 있게 된다.

toString() 메서드는 Date 객체의 시간을 문자열로 반환합니다.

var event = new Date('August 19, 1975 23:15:30');
console.log(event.toString());
// expected output: Tue Aug 19 1975 23:15:30 GMT+0200 (CEST)
// (note: your timezone may vary)

[javascript,jquery] 특정 요소의 크기에 따라 윈도우 창 크기 자동 변경

상황 : 이미지를 가지고 있는 특정 내용을 '상세보기' 등의 버튼을 이용하여 팝업으로 해당 내용을 출력 한다.

초기 설정 한 팝업 크기 이후에 컨텐츠에 포함된 이미지가 전체가 다 나오도록 자동으로 창 크기 변경이 필요

var width = $('target').width();
var height = $('target').height();
window.resizeTo(width,height);

word-break

word-break 는 말 그대로 단어를 자르는 겁니다. 기복적으로 줄이 넘어갈 때는 단어단위로 잘려서 넘어가게 되어 있습니다. 그래서 띄어 쓰기를 하지 않고 글을 쓴다면 한 단어로 인식하여서 width 를 넘어가도 줄바꿈이 되지 않습니다. 그럴 때 word-break 를 사용해주면 줄바꿈이 가능하게 됩니다.

출처 : http://htglss.tistory.com/31

사진의 예로 

빨간 네모 안에 글이 word-break를 적용하기 전 기존에 설정된 width 값을 넘어서 단어가 표시된다.

아래의 사진은 word-break를 적용한 내용이다. 

또 한가지 컨텐츠 내 엔터, 스페이스바가 있을 경우 자동으로 word-break를 걸어주기도 한다.

SELECT DATE_FORMAT("2017-06-15", "%Y");

Syntax

DATE_FORMAT(date, format)

Parameter Values

출처 : https://www.w3schools.com/sql/func_mysql_date_format.asp

[자바스크립트(javascript)] null check, 널 체크 

자바스크립트 자료형에서 false로 반환되는 값은

"", null, undefined, 0, NaN 이 있고

나머지는 모두 true

그렇기에 아래의 확인 방법으로 진행

// 넘어온 값이 빈값인지 체크합니다. 
// !value 하면 생기는 논리적 오류를 제거하기 위해 
// 명시적으로 value == 사용 
// [], {} 도 빈값으로 처리 
    var isEmpty = function (value) {
        if (value == "" || value == null || value == undefined || (value != null && typeof value == "object" && !Object.keys(value).length)) {
            return true
        } else {
            return false
        }
    };

출처: http://sanghaklee.tistory.com/3 [이상학의 개발블로그]

자바스크립트(javascript) 문자(String)을 숫자(Number)로 변환

Number to String = String()

String to Number = Number()

소스 출처: https://blog.outsider.ne.kr/361

// 숫자를 스트링로 바꾸기

var tt = 2

alert(typeof tt);    // Result : number

tt = String(tt);

alert(typeof tt);    // Result : string

// 스트링을 숫자로 바꾸기

tt = "2"

alert(typeof tt);    // Result : string

tt = Number(tt);

alert(typeof tt);    // Result : number

장고란 무엇인가요?

Django(/dʒæŋɡoʊ/ jang-goh/쟁고/장고)는 파이썬으로 만들어진 무료 오픈소스 웹 애플리케이션 프레임워크(web application framework)입니다. 쉽고 빠르게 웹사이트를 개발할 수 있도록 돕는 구성요소로 이루어진 웹 프레임워크랍니다.

웹사이트를 구축할 때, 비슷한 유형의 요소들이 항상 필요합니다. 회원가입, 로그인, 로그아웃과 같이 사용자 인증을 다루는 방법이나 웹사이트의 관리자 패널, 폼, 파일 업로드와 같은 것들 말이지요.

그런데 정말 다행이게도, 오래전에 어떤 웹 개발자들이 새로운 웹 사이트를 개발할 때 서로 비슷한 문제들에 직면한다는 것을 깨달았습니다. 그래서 팀을 조직했고요. 바로 사용할 수 있는 구성요소들을 갖춘 여러 프레임워크를 만들었답니다. 장고도 그중에 하나인 거죠. 다시 발명해야 하는 문제로부터 해방감을 주고요. 새로운 웹사이트를 개발할 때 뒤따르는 간접비용의 부담을 덜어준답니다.

간단히 말해 자바 기반으로는 스프링이 있다면 

파이썬 기반의 프레임워크 중 하나 인것 같다. 

다만 장고의 경우 더 나아가 회원가입, 로그인, 로그아웃, 관리자(ADMIN) 기능 까지 기본적으로 제공하는 것으로 보인다.

출처: https://tutorial.djangogirls.org/ko/django/