IT관련30 부모 컨테이너 넓이에 상관없이 full-width값 주는방법 .fullcon {background: #?; width:100vw; margin-left: calc(-50vw + 50%);} 부모컨테이너의 넓이가 정해져있고 부분부분 full-width값의 배경을 줘야할경우 부모컨테이너의 width값을 100%로 주고 부분부분 넓이를 맞춰야 하지만 작업이 복잡해 질수가 있다. 해당소스를 활용하면 부모컨테이너의 넓이에 상관없이 full-width값을 줄수있다. 2022. 2. 10. stroke-dasharray, stroke-dashoffset 스트로크 에니메이션을 구성하려면 구성요소인 stroke-dasharray와 stroke-dashoffset에 대해 잘이해해야 한다. See the Pen Untitled by kimminse (@bjche) on CodePen. 해당 소스는 css에니메이션으로 구성한 기본적인 형태이며 조건에 맞는 퍼포먼스를 위해서는 자바스크립트를 활용하는것이 좋다. stroke-dasharray, stroke-dashoffset은 점선의 간격과 시작점의 간격이라고 이해하였다. 또한 선의 길이는 레이아웃의 가로값이나 높이값이 아닌 그려진 스트로크 자체의 길이이다. 2022. 1. 14. 브라켓(Brackets) 관련내용 브라켓 다운로드 http://brackets.io/ A modern, open source code editor that understands web design Brackets is a lightweight, yet powerful, modern text editor. We blend visual tools into the editor so you get the right amount of help when you want it. With new features and extensions released every 3-4 weeks, it's like getting presents all year long. brackets.io 확장기능 수동 다운로드 https://github.com/adobe/bra.. 2021. 9. 29. 웹디자인 기능사(필기, 실기) 후기 웹개발을 하며 관련자격증이 있으면 좋을것같아 정기 3회 웹디자인기능사에 접수하였고 필기와 실기시험을 치루게 되었다. 퍼블리싱과 관련된 국가자격증은 웹디자인 기능사 하나밖에 없는걸로 알고있으며 필요성에 대해서도 말이 많은것 같았다. 사실 웹디자인기능사가 있어야만 웹디자인을 할수있는것도 아니고 회사에서도 자격증보다는 포트폴리오와 실력을 중요시 하는것 같아 필요성이 큰건 아니지만 보여지는걸 하나더 만들어주는게 조금더 나아가는것 같고 자신감이 상승될수 있다고 생각되었다. 필요성은 크지않을수 있어도 웹디자인기능사에서 공부하는 내용은 상당히 좋은내용이 많다고 생각되었다. 필기시험은 유튜브를 통해 공부하였고 디자인에 관련된 역사와 다양한 표현방법, TCP/IP, 퍼블리싱에 대한 내용도 나온다. 생각보다 범위가 넓어 .. 2021. 9. 17. Uncaught TypeError: Bootstrap's JavaScript requires jQuery. jQuery must be included before Bootstrap's JavaScript. Uncaught TypeError: Bootstrap's JavaScript requires jQuery. jQuery must be included before Bootstrap's JavaScript. 부트스트랩(라이브러리)을 사용할경우 제이쿼리(라이브러리)가 항상 요구되는데 제이쿼리보다 부트스트랩이 먼저 선언될경우 발생한다. 부트스트랩 보다 제이쿼리를 먼저 선언하면 간단하게 해결된다.(제이쿼리를 윗줄에) 2021. 1. 14. 크롬에서 웹페이지 모바일뷰로 보는방법 f12 개발자도구 들어간후 맨위 두번째 Toggle device toolbar버튼 클릭 2020. 12. 21. 이전 1 2 3 4 5 다음
