Vue3에서 제시하는 새로운 방식의 컴포넌트 구조를 소개하려고 합니다. (composition api) Vue2에서도 적용이 가능하고 타입스크립트와 함께 사용하기도 용이하기 때문에 실무에 적용하는 것도 생각보다는 어렵지 않았습니다! 🥳

기존 js파일에서 폴더 자체를 import하는 것이 불가능 합니다. 하지만 Vue, React와 같은 프레임워크에서 index 파일을 생성하면 폴더 안에 들어있는 파일 전체를 import 하는게 가능합니다! 설정 방법은 import 할 폴더 안에 index.js를 만들

Vue cli3 이상부터는 프로젝트를 생성할 때 scss 관련 기능을 쉽게 추가할 수 있습니다. 하지만 프로젝트 진행 중간에 scss를 적용할 일이 생겨 해당 내용을 정리하였습니다 🙂제일 먼저 해당 package에 node-sass와 sass-loader를 설치해줍니

사이버 공격의 개요사이버 공격인터넷을 통해 다른 컴퓨터에 불법 접속하여 상대방 국가나 기업, 개인에 손상을 입히려는 행동과거에는 네트워크 혹은 로컬 호스트 상에서의 잘못된 설정을 이용해 관리자 권한을 업는 초보적 방식이 대다수기술의 발전에 따라 사이버 공격 방식도 다양

Vue 공식 문서 기반으로 작성한 필수 스타일 가이드에 대한 내용 정리입니다 🙂자세한 내용은 공식문서를 참고 부탁드립니다.Style Guide - Vue.js1\. 컴포넌트의 이름은 합성어를 사용한다.html 태그의 경우 한 단어로 태그가 구성되어 있기 때문에 충돌

ie에서 document.querySelectorAll()을 담은 객체에 forEach 메소드를 사용하면 에러가 노출되어 해결 방법을 정리 하였습니다. 기존 ForEach 사용법은 Element 객체의 프로토타입 메서드인 querySelectorAll이 NodeList

어떤 실체가 정말 그 실체가 맞는지 확인하는 과정실체 : 메시지, 사용자, 출처, 장치 등 (즉, 실체의 진실성을 확인하는 과정)수신된 메시지에 대한 인증메시지의 내용이 전송 도중 불법적으로 변경되지 않고 정확하고 완전하게 수신 되었는지 확인하는 것메시지에 대한 무결성

암호 : 두 사람이 안전하지 않은 채널을 통하여 정보를 주고받더라도 제3자는 이 정보의 내용을 알 수 없도록 하는 것평문 : 원래의 메시지암호문 : 코드화된 메시지암호화 : 평문 → 암호문으로 만드는 것복호화 : 암호문 → 평문으로 만드는 것키(key) : 암호화와 복

정보보호의 개념정보를 여러 가지 위협으로부터 보호하기 위한 정책 및 기법(저장,전달) (허락되지 않는 접근, 수정, 훼손, 유출)컴퓨터 보안의 개념정보보호의 한 영역, 컴퓨팅 환경이 관여된 모든 상황에 대한 정보 보호를 의미\*\*정보보호의 핵심목표기밀성기

jquery ui 위젯을 사용해서 select box에 대한 커스텀을 쉽게 제작할 수 있습니다. 심지어 aria와 관련된 웹 접근성도 자동으로 추가되고 사용자의 액션에 따라 해당 값이 상황에 맞게 변경되기 때문에 접근성과 관련해서도 사용하기 좋다고 생각했습니다.단점이라

history API는 브라우저의 세션 기록을 조작할 수 있는 메소드를 담고 있는 객체입니다. 기본적으로 뒤로가기, 앞으로 가기, 페이지 이동 등을 조작할 수 있으며 SPA와 관련하여 html5에서 새롭게 추가된 메소드를 알아보도록 하겠습니다.해당 메소드는 브라우저에

swiper는 슬라이드 라이브러리로 다양한 메소드와 설정을 지원해서 사용하기 매우 편한 점이 있습니다. 무엇보다 하위 브라우저(ie9)에서도 문제없이 사용 가능하기 때문에 크로스 브라우징 측면에서도 뛰어난 부분이 있습니다.또한 사용법도 매우 간단합니다. 아래와 같이 태

팝업이 열릴 때 브라우저의 스크롤을 방지하기 위해 흔하게 사용하는 방법으로 css를 활용하여 body에 overflow:hidden을 적용 시킵니다. 방법도 간편하고 스타일로 제어할 수 있기 때문에 많이 사용하지만 ios safari에서 동작하지 않는 문제가 있기 때