목록CSS (3)

PostIT

[Vue] Vue를 선택한 이유와 비유를 통한 Vue 설명 그리고, 간단한 Final Vue Project 공유

Final Vue ProjectAuthor : SeolHunSimple Summary안녕하세요. 설훈입니다. Vue Study도 진행하고, 여러가지 Github에 공식문서와 강의를 참조하면서 커밋하고 있었습니다. 이러한 블로그 형식의 글은 오랜만에 쓰게되는 것 같네요. 이렇게 글을 쓰는 이유는 개인 스터디한 내용을 공유하고 "왜 Vue를 쓰는지?"에 대한 개인의 의견을 그냥 쓰고자 합니다. 먼저, 저는 Vue에 상당히 큰 매력을 가지고 있으며, 다른 프레임워크보다 Vue에 더 큰 미래가 있다고 보고 있습니다. 이유는 차차 적어가겠습니다.첫째, 첫 직장에서 JavaScript, jQuery로 작업을하면서 너무나 힘든 상황을 많이 했습니다. 특히, HTML을 렌더링해야하는 상황이나, 데이터를 계속 묶어서 처..
Script/Vue 2017. 11. 27. 11:43
[2W1H]CDN은 무엇인가? 왜 쓰는가? 어떻게 쓰는가?

# CDN(Content Delivery Network) 웹 프로그래밍에서 자주 볼 수 있는 CDN에 대해 알아보고자 한다.웹 프로그래밍에서 결국 User가 볼 수 있는것은 프론트(Html)과 Resources(JS,CSS)에 대한 내용밖에 없다.이런 페이지를 꾸며줄 수 있는 자원들에 대해서 우리는 CDN이 사용된다.어떤 사람은 만들어서 사용하고, 어떤 것은 CDN을 사용하고, 어떤것은 Webjars를 통해 이용한다.더 많은 것들이 있을 수 있겠지만, 일단 내가 알고 있는 것은 이 3가지 이다. 1. 프로그램을하면 Resources를 만들어서 폴더위치에 맞게 적용시키는 것. classpath에서부터 경로안에 있는 CSS를 적용시킨다. 혹은 JS기능을 적용시킨다. 2. CDN을 통해 기본 Resources..
카테고리 없음 2016. 9. 9. 23:30
[JavaScript] Web에 SlideShow 만들기(Spring, Jsp)

안녕하세요. 오늘은 Slide Show 기능을 적용시켜보았습니다. 프로젝트 중에 갑자기 Header이미지를 슬라이드쇼로 구성해야겠다는 생각이 들었습니다. 그래서 알아보던 중에, W3School에 너무 잘 나와있어서 반영하기로 결심했습니다. 그렇게 내용을 가져와서 수정한 결과 이런 느낌!? 생각보다 괜찮지 않나요?? 저는 개인적으로 만족하고 있습니다. 간단히 제가 적용한 코드들이에요. 간단히 쓰실분은 써보세요~!; Caption Text Caption Two Caption Three ❮ ❯ //슬라이드 스크립 var slideIndex = 1; showSlides(slideIndex); function plusSlides(n) { showSlides(slideIndex += n); } function cu..
Script/JavaScript 2016. 8. 9. 00:48
Prev 1 Next