본문 바로가기
js set 데이터 타입 set은 ES6에 공개된 배열과 비슷한 데이터 구조임 배열과 다른점은 중복을 허용하지 않는다 대충 아래와 같이 생성let a = [1,2,3,4,4,5,6,6,6];let b = new Set([1,2,3,3,4,5]);console.log(a); //[1, 2, 3, 4, 4,5, 6, 6, 6]console.log(b); //Set(5) { 1, 2, 3, 4, 5 }b = new Set(a);console.log(b); //Set(6) { 1, 2, 3, 4, 5, 6 }추가적으로 아래와 같은 메소드들이 있다. add 더하고size 길이clear 초기화delete 인덱스넣으면 해당 번호의 요소 없애기일듯 let a = new Set();console.log(a) // Set(0) {}a.add(5).. 2022. 10. 17.
URL URL을 설명하기에 앞서 URI / URN 이란 것도 있어 기록 (URI에 URL/URN 이 포함됨) - URI(Uniform Resource Identifier) : 통합 자원 식별자 [웹에서 제공하는 서비스(자원)들의 식별자] - URL(Uniform Resource Locator) : [흔히 알고있는 웹서비스의 주소] ex) www.naver.com - URN(Uniform Resource Name) : [리소스에 이름을 부여함] 보통 URL을 많이 사용하니 URL 구조에 대해 추가 설명 구조(기록용이라 내가 알아볼만큼만 적음) https:www.naver.com:443/news?userId=4 - https : 프로토콜 (클라이언트와 서버간의 메시지 전송규약) - www.naver.com : 도메.. 2022. 9. 13.
IP (인터넷 프로토콜) 물리적으로 멀리 떨어진 pc간의 신호 전송이 이루어 지기 위해서는 IP라는 것을 사용함. IP를 이용하여 신호 전송을 할 때는, IP패킷이라는 단위로 감싸서 송수신 함 ( http 프로토콜처럼 약속된 형식임 ) ex) [ 나의 IP(신호를 보내는 주소), 도착지의 IP(신호를 받는 주소), 메시지, 기타 등등 ] 이게 없으면 어디서 어디로 신호를 보내는지를 모름 IP 데이터 송수신의 한계 - 비연결성 : IP패킷을 받을 주소에 대상이 없어도 패킷은 보내짐 - 비신뢰성 : 패킷소실 및 순서대로 패킷이 리턴되지 않음 - 프로그램 구분 : 같은 IP에서 여러 통신장치가 있다면 어디에 전달되어야 하는지? TCP TCP는 위 IP 데이터 송수신의 한계를 해결함 TCP를 설명전 인터넷 프로토콜 4계층에 대해 알면 .. 2022. 9. 11.
[vue] vuesax ui-framework 며칠 전 vuetify를 실행해본적이 있음 https://yamyam-naengmyeon-donkats.tistory.com/86 [vue] vuetify 실행해보기 (vue2, vue3, vite) 기존에 사용하던 quasar 라는 ui프레임워크 대신 vuetify를 써보고 싶어서 세팅해봄 1. vue2버전으로 프로젝트를 만들어 vuetify를 적용 (default) vue add vuetify 위 명령어입력 후, Default를 선택하여 vuetify.. yamyam-naengmyeon-donkats.tistory.com 그런데 기존에 쓰고 있던 quasar랑 ui느낌이 비슷했고, 그 부분이 마음에 안들어서 다른 ui framework를 찾아봄 - vuesax https://lusaxweb.githu.. 2022. 7. 30.
[vue] npm run serve 입력 시 npm run serve 입력 시 localhost:8080, 즉 내 호스트에 뷰 프로젝트를 띄워준다. 이건 어디서 띄워주는 건지 궁금해서 알아봄 vue project 생성시 자동으로 package.json이 생성된다. 위 사진이 package.json의 일부이며 scripts에 npm명령어들이 설정되어있다. npm run **** 로 해당 명령어들을 실행하면 됨 나는 지금까지 npm run serve로 뷰 프로젝트들을 실행해왔는데 귀찮다면 npm run s 이렇게 바꿔서 실행도 가능 이 포스트는 어떻게 내호스트에 뷰 프로젝트를 띄워주는가가 목적이니 이만하고, 본문으로 돌아갔다. 처음엔 이렇게 생각했다 npm run serve를 입력하면 npm run vue-cli-service serve를 입력한 것과.. 2022. 7. 17.
[vue] vuetify 실행해보기 1. vue 프로젝트에 vuetify 추가하기 # npm i vuetify # 아래의 공식홈페이지 주소에 나오는대로 main.js에 소스 작성하기 // Vuetify import "vuetify/styles"; import { createVuetify } from "vuetify"; import * as components from "vuetify/components"; import * as directives from "vuetify/directives"; const vuetify = createVuetify({ components, directives, }); createApp(App).use(vuetify).mount("#app"); https://vuetifyjs.com/en/getting-sta.. 2022. 7. 1.