HomePage/TIP

Browserify [ 모듈 번들러 ]

kamang-it.tistory.com/entry/ModuleBundlerBrowserifyjs%EB%A5%BC-%ED%95%98%EB%82%98%EC%9D%98-%ED%8C%8C%EC%9D%BC%EB%A1%9C-%EB%AC%B6%EA%B8%B0-browserify%EC%84%A4%EC%B9%98-%EB%B0%8F-%EC%82%AC%EC%9A%A9%EB%B2%95 [ModuleBundler][Browserify]js를 하나의 파일로 묶기, browserify설치 및 사용법 과거에는 웹에서의 동작하는 로직이 작았다. 그래서 js파일의 크기도 작았고 그로 인해 js를 관리해야할 필요성을 못느꼈다. 간단한 코드를 짜는 정도로 사용했던 js가 갑자기 엄청나게 커지게된 kamang-it.tistory.com

2021.04.22 게시됨

HomePage/TIP

Vue-cli와 Express-cli를 통합하여 프로젝트를 만드는 방법

www.hanumoka.net/2018/11/13/vue-20181113-vue-how-to-make-vue-express-project/ Vue와 Express를 합쳐서 통합 프로젝트 만들기 들어가기이 글은 Vue 프로젝트와 Express 프로젝트를 연동하는 예제이다. Vue Express Node 통합 프로젝트 환경 만들기Vue를 프론트엔드로, Express를 백엔드로 개발할때 어떻게 프로젝트를 잡아야 할까 www.hanumoka.net

2021.04.22 게시됨

HomePage/TIP

Babel 이란?

bravenamme.github.io/2020/02/12/what-is-babel/ babel 이란 무엇인가? 들어가며 최근에 react 프로젝트와 typescript 프로젝트를 거치면서 webpack 을 자주 써보고 세팅해보게 되었습니다. 처음에는 동작의 원리보다 요즘 잘나가는 프론트엔드 개발 환경 만들기라는 목표 bravenamme.github.io tlog.tammolo.com/blog/Babel-3-774284c17f9a4f60a8e38628b7d15e6e/ Tlog Tamm's dev log tlog.tammolo.com velog.io/@kwonh/Babel-%EB%B0%94%EB%B2%A8-%EC%84%A4%EC%A0%95-%EB%B0%A9%EB%B2%95-1-%EC%A0%84%EC%B2%B..

2021.04.22 게시됨

HomePage/TIP

Webpack과 bundler에 관하여

pimpdevelop.tistory.com/9 번들러 란 (모듈 번들러, webpack) 리액트를 다루는 기술 책을 공부하다가 16장에서 'Parcel로 프로젝트 만들기' 라는 챕터가 나왔고 Parcel이라는 것이 무엇인지 찾아보다가 그것이 '웹 어플리케이션 번들러(모듈 번들러)'의 일종이 pimpdevelop.tistory.com medium.com/@jimkimau/%EC%9B%B9%ED%8C%A9-webpack-%EC%8B%9C%EC%9E%91%ED%95%98%EA%B8%B0-4d477aa6e58c 웹팩(Webpack) 시작하기 웹팩은 최근 프론트엔드 개발에서 아주 많이 사용되는 번들러인데, 막상 사용해 볼려니 공식 문서가 너무 밑도 끝도 없는 느낌이 있어 많은 사람들이 처음 웹팩을 시작하는데 많은..

2021.04.21 게시됨

HomePage/Security

XSS(Cross Site Scripting) 공격

공격방법: 나 같은 태그를 입력하여, 원하는 방법대로 사용자에게 공격하는 것. 해결방안: 입력 값에 모든 특수문자를 입력하지 못하도록 하면 된다. 4rgos.tistory.com/1 XSS(Cross Site Scripting) 공격이란? XSS 란? 웹 해킹 공격 중 XSS라는 공격 기법이 있다. Cross Site Scripting의 약자로 CSS라고 하는 것이 맞지만 이미 CSS가 Cascading Style Sheets의 약어로 사용되고 있어 XSS라 한다. XSS는 게시판이나 웹 메일.. 4rgos.tistory.com

2021.03.31 게시됨

HomePage

쉐이더(Shader)란?

mingyu0403.tistory.com/110 [Shader] 쉐이더(Shader)란? 책 '유니티 쉐이더 스타트업' 을 보고 공부했습니다. 인터넷 '포프의 쉐이더 입문강좌' 를 참고했습니다. ( https://kblog.popekim.com/2011/11/01-part-1.html ) 정의 책에서는 이렇게 정의를 내립니다. '3D 컴퓨 mingyu0403.tistory.com - 쉐이더란 그래픽 카드에서 최종적으로 화면에 출력해야하는 객체의 픽셀 농도, 픽셀 명암, 픽셀 밝기, 픽셀 색깔 등의 값을 정리하여 화면에 출력해주는 함수.

2021.03.31 게시됨