-
div 세로 중앙 정렬팁 - 01(line-height, :after)CODING/HTML & CSS 2018. 10. 23. 17:18
line-height 속성을 이용해서 높이를 알 수 없는 이미지를 세로 중앙 정렬 하는 것이 가능하다. https://www.google.co.kr/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png"> line-height 값을 박스의 높이와 같은 값을 지정하고 안의 이미지를 vertical-align: middle을 사용해서 정렬한다. content 속성을 이용해서 공백을 넣었기 때문에 좌우 정렬은 약간의 오차가 발생할 수 있다. 출처 : https://www.xpressengine.com/tip/22835216
-
.slice() – 배열의 일부분을 선택하여 새로운 배열을 만드는 속성CODING/JavaScript 2018. 10. 22. 15:09
One, Two, Three, Four, Five, Six slice( 1, 4 ) slice( 2 ) slice( -4, -1 ) 결과One, Two, Three, Four, Five, Sixslice( 1, 4 )Two,Three,Fourslice( 2 )Three,Four,Five,Sixslice( -4, -1 )Three,Four,Five 출처 : CODING FACTORY https://www.codingfactory.net/10420
-
-
jQuery 보다 먼저 알았으면 좋았을 것들CODING/JavaScript 2018. 10. 19. 15:06
웹개발할 때 난 jquery 부터 사용하기 시작한것 같다. 라이브러리가 주는 편리함 넘어 어떻게 DOM API를 사용하는지는 몰랐다. 앵귤러, 리엑트 같은 프레임웍을 사용할 때도 마찬가지다. 기능을 구현하는데 별다는 어려움은 없었다.그러다 보니 다양한 개발 환경에 민첩하게 움직이기 쉽지 않다. 운영중인 서비스에 쉽게 UI 프레임웍을 도입할수 없는 경우. 여러 버전의 제이쿼리를 혼용해서 사용하는 경우.라이브러리야 어찌되었듯 DOM API만은 브라우저에서 지원하기 때문에 처한 상황에 관계없이 안심하고 사용할 수 있다. 이럴 때 순수 자바스크립트 개발 역량은 무엇보다 중요하다고 생각한다.다시 기본으로…우리가 자바 웹 개발을 공부한다고 가정해 보자. 아마 이 순서로 공부거다.자바문법 공부 -> 2. JSP 서블..