분류 전체보기86 ws, was 구축 일기 별거없고 프론트만하다보니 서버구축 등 잘 안해봐서기록겸 구축하려함nginx 쓸거고 로드밸런싱등 주요기능 다 써보면서 기록 예정was는 그냥 거의 깡동 nest.js 프로젝트 넣음근데 nest.js넣었으면 was라고부르는거보다 node기반 was라고 하는게 맞겠죠? (진짜 모름)결국 node기반언어로 컴파일될테니1. 아무 클라우드에 ip할당받고 운영체제 설치해줌 운영체제는 점유율 젤 많다고 알려진 우분투 사용 2. nginx 설치apt update case 1. 우분투서버에 접속못하는듯한 에러가 있다면 /etc/resolv.conf 위치에 아래문장 추가 "nameserver 8.8.8.8" "nameserver 8.8.4.4"apt install nginx -ynginx -v (설치확인.. 2024. 8. 16. js async & await 간단 사용법 작성 예시 케이스: a라는 함수에는 setTimeout이 걸려있고, a함수가 끝난 후 b함수를 실행하고싶다. 첫번째 작성 코드const a = async () => { setTimeout(()=>{ console.log('aa'); },5000)}const b = () => { console.log('bb');};const c = async () => { await a(); b();} a함수에 async가 달려있어 promise를 반환해주는 것은 맞다.허나, 이는 a함수의 실행완료 시점을 보장해주진 않는다.그보단 단순실행시점을 보장해준다고 보면 됨 쉽게 말하면 a함수를 실행하며 setTimeout을호출한 것 만으로 promise가 반환됨>> "난 실행.. 2024. 8. 7. [quasar+vite] 빌드 후, 특정 파일을 독립적으로 유지시키고 싶다면 vite + quasar 환경입니다.다른 환경은 테스트 안해봄 한줄요약다이나믹 임포트 쓰면 됨 문제점 vue 프로젝트를 빌드할 시 자동으로 번들링이 되어 여러 파일이 한 파일로 묶이는등의 작업이 진행됨 이 때문에 기존의 접속정보등 작성한 설정파일등이 다른 파일들과 묶여서 빌드 파일 내에서 찾고 수정하기 살짝 번거로울 수 있었음 ex xx.config.js파일은 특정 서버의 접속정보가 적혀 있으며, 접속정보를 쉽게 변경하기 위해 빌드 후에도 독립적으로 파일이 유지되게 작성해야 하는 문제가 있다.작성과정 1. 어딘진 기억안나지만 아마 vue 공식문서에서 빌드이후 독립적으로 파일을 유지하면 public에 위치시키면 된다는 문장이 있었음 .. 2024. 2. 28. 팝업 / 모달 팝업 / 모달 류의 종류로는 크게 팝업, 모달, 모달리스가 있다. 1. 팝업 브라우저에서 새창을 띄워주는 효과 2. 모달 브라우저에서 새창을 띄우지않고 div와 같은 엘리먼트만을 이용해 추가 레이어를 쌓음 이 때 추가 레이어의 권한이 기존 창에 비해 높아 추가 레이어를 먼저 닫아야 기존 창을 조작 가능하다. 3. 모달리스 모달과 비슷하게 엘리먼트를 이용해 추가 레이어를 쌓지만, 새창을 띄워주는 것처럼 기존창과 모달을 번갈아가며 사용 가능하다. 2024. 1. 12. js 생성시점때 형제스코프내에서 메소드를 찾고싶을때 const a = { b: function() { return 5; }, c:a.b()} 위 소스처럼 데이터를 객체구조로 정리하고싶을때,자기자신의 형제 메소드를 이용해야할 때가 있음 a.c는 a.b를 이용해 자기자신을 초기화하려 하지만,초기화단계에서 접근해버리면 a의 초기화가 마무리지어지지 않기때문에a를 제대로 찾지 못해버림 이럴땐 즉시실행함수를 이용해 초기화 작업을 진행한다.const a = (function(){ const b = function() { return 5; }; const c = b() return {b,c}})()위처럼 객체구조의 초기화가 아닌,함수를 이용한 후, 객체를 리턴해주면c를 초기화 할때 바로 같은단계에서 선언된 .. 2023. 9. 11. [vue3] 컴포넌트 캐시 보존 (keepAlive) 동적으로 컴포넌트를 교체해줄때, 입력해주었던 데이터들도 초기화되는 현상이 있다. 그 데이터들을 컴포넌트가 교체될떄 보존해주고 싶다면, keepAlive를 사용 참고로 v-if를 썼을땐 데이터가 보존되지않고, v-show를 썼을땐 데이터가 보존되었다. 본문은 v-if, v-show가 아닌 다른방식의 동적컴포넌트 호출문법에서 사용가능하다. 위처럼 따라할 예정 부모 컴퍼넌트 부모컴퍼넌트에서 Hello, Abc 자식컴퍼넌트를 반복하여 교체하며, input의 값을 입력할 것임. 현재는 keepAlive 태그를 쓰지않았기 때문에 컴퍼넌트를 교체할때마다 input의 값이 사라짐 위처럼 KeepAlive 태그만 추가해줘도 컴퍼넌트의 교체가 있더라도 데이터를 보존해준다. max 옵션을 통해 최대 캐싱 수 조절 가능 캐싱.. 2023. 8. 30. 이전 1 2 3 4 5 6 7 ··· 15 다음
