도슐랭스타

ref()와 일반 변수의 차이ref()란반응형 데이터를 만들기 위한 래퍼 함수다. ref()로 감싼 값은 Vue가 변경을 감지해서 화면을 자동으로 업데이트한다.const message = ref("안녕하세요 Vue!"); // 반응형const nomalMessage = "일반 메시지 입니다."; // 일반 변수+ 단순 값을 Vue가 추적할 수 있는 객체로 포장해주는 역할이라 래퍼(wrapper, 포장지) 함수라고 부름.내부에서 값을 바꿀 때 차이setTimeout(() => { nomalMessage = "3초 후 변경"; // 값은 바뀌지만 화면 안 바뀜 message.value = "3초 후 변경"; // 화면 자동 업데이트}, 3000);ref()로 감싸지 않으면 값이 바뀌어도 Vue..

Vue에서 "조작하기 어렵다"는 말의 의미일반 변수 vs 반응형 데이터let nomalMessage = "일반 메시지 입니다.";var vm = createApp({ data() { return { nomalMessage: nomalMessage, // 값만 복사해서 반응형으로 등록 }; }, created() { // this는 Vue 인스턴스 this.nomalMessage = "일반 메시지 입니다."; },}).mount("#app");data()가 실행되는 순간 nomalMessage의 값만 복사해서 가져온다.이후 this.nomalMessage는 바깥의 let nomalMessage와 완전히 별개가 된다.let nomalMessage → "일반 ..

v-model이란폼 입력 요소와 Vue 데이터를 양방향으로 바인딩해주는 디렉티브다.내부적으로는 이렇게 동작한다.즉, 이벤트 핸들러 함수를 따로 만들 필요가 없다.여러 input이 있을 때각 input은 자기 데이터에만 연결되어 있다. num1 input에서 이벤트가 발생하면 num1만 바뀌고 num2는 그대로다. 이벤트 핸들러를 따로 만들 필요 없다.v-model 수식어.lazy기본 v-model은 input 이벤트(타이핑할 때마다)로 데이터를 업데이트한다. .lazy를 붙이면 change 이벤트(포커스를 잃었을 때)에만 업데이트한다..number입력값을 숫자로 형변환한다. 형변환이 불가능하면 원래 값을 유지한다..trim입력값의 앞뒤 공백을 제거한다. 단어 사이 공백은 제거하지 않는다." 홍 길 동 ..

1. 버퍼 (Buffer)버퍼란?데이터를 임시로 저장해두는 공간이다.데이터를 보내는 쪽과 받는 쪽의 속도 차이가 있을 때, 중간에서 데이터를 모아두었다가 한꺼번에 전달하는 역할을 한다.동작 원리[데이터] → (조금씩 꺼내서 버퍼로 보냄) → [버퍼] → (버퍼가 채워지면 전송) → [데이터 처리]버퍼의 위치버퍼는 보내는 쪽과 받는 쪽 모두에 있을 수 있다.종류설명예시송신 버퍼데이터를 모아서 한꺼번에 전송프린터로 문서 보낼 때수신 버퍼빠르게 들어오는 데이터를 받아두고 처리유튜브 영상 미리 받아두기버퍼의 목적은 속도 차이 해결이다.속도가 다른 두 지점 사이 어디든 필요하면 버퍼가 생긴다.예시유튜브: 서버에서 영상 데이터를 미리 받아 버퍼에 저장 → 끊김 없이 재생 (재생 바보다 빨간 바가 앞서가는 이유)프린..

Keep AliveHTTP를 보다가 Keep Alive가 궁금해졌다. 연결을 유지시킨다는 것만 알고 있어서 찾아봤다.Keep Alive는 HTTP Keep Alive와 TCP Keep Alive 두 가지가 존재한다.왜 두 가지가 존재하나TCP는 전송 계층(L4), HTTP는 애플리케이션 계층(L7)으로 서로 다른 계층에 속한다. 계층표가 궁금하다면 아래 글로 TCPTCP는 4계층에 속한다. OSI 계층 TCP/IP 계층 7 Application Application Application 6 Presentation FTP Telnet HTTP DNS RTSP etc.. 5 Session 4 Transport Transport TCP UDP ICMP, IGMP 3 Network Network (Interne..

안녕하세요.오늘은 KB IT's Your Life 7기 전공자 합격 후기를 풀어볼게요.취업 준비를 하던 중 KB의 국비 사업이 뜬 것을 확인했습니다.주변에 있는 아무나 갈 수 있는 국비는 정말 가고 싶지 않아서 신청을 해보았습니다.모집 절차는 서류(지원서) → SW 적성진단(전공자는 코테) → 면접 → 합격 순서로 진행되었습니다.1. 서류서류는 이력서에 넣듯이 학교, 자격증 같은 것들과 2가지의 질문이 있었습니다. (전공자 기준)1. IT's Your Life에 지원하신 동기와 과정 수료 후, 이루고 싶은 취업계획2. SW 관련 경험 중 어려웠던 과제와 해결 방안에 대해 작성하고, IT's Your Life 과정을 통해 향후 어떤 개발자로 성장하고 싶은지 작성솔직하게 스스로에게 부족한 점과 그 부분이 문..

서버에 있는 sqlite의 db를 Google Drive에 자동 백업되도록 하려고 합니다. rclone과 cron을 사용합니다.rclone클라우드 저장소와 파일을 주고받는 도구CLI에서 Google Drive, Dropbox, OneDrive 같은 클라우드에 파일을 업로드/다운로드할 수 있게 해주는 프로그램Cron리눅스에서 작업을 예약 실행해주는 스케줄러rclone 설치# rclone 설치curl https://rclone.org/install.sh | sudo bash설치 확인rclone version로컬 PC에 rclone 설치서버에는 브라우저가 없기에 윈도우에서 토큰을 발급받아줍니다.Windowshttps://rclone.org/downloads/ 접속하여 Windows용 zip 파일 다운로드압축 ..

가끔이러는데 매번 찾아보기 귀찮아서 적어둠.netstat -ano위의 명령어 치고 확인했는데 그 포트를 점유하고 있는 프로그램이 없다면Windows가 예약(excluded) 해놓은 포트 범위에 포함되어 있어서 문제가 생길 수 있음.확인 명령어netsh interface ipv4 show excludedportrange protocol=tcp시작 포트와 점유하고 있는 수 넣어서 명령어 적어주면 됨.net stop winnatnetsh int ipv4 delete excludedportrange protocol=tcp startport=8002 numberofports=100net start winnat

Readory www.icloud.com Readory 사용법 | Notion사이트 링크: https://www.kimdohyeon.dev/hill-snarl-f10.notion.site

안녕하세요.2025년 정기 기사 2회에 실기 시험을 보고 왔어요.7월 19일에 시험을 봤는데 결과가 9월 12일에 나왔어요.확실히 실기는 결과가 나오기까지 오래 걸리는 것 같습니다..공부기간은 일주일? 정도 되는 것 같습니다.시험 공부는 시나공 정처산기 실기 책을 구매했습니다.https://product.kyobobook.co.kr/detail/S000215623881 2025 시나공 정보처리산업기사 실기 기본서 | 길벗알앤디 - 교보문고2025 시나공 정보처리산업기사 실기 기본서 | A-Z까지 기본탄탄, 〈2025 시나공 정보처리산업기사 실기 기본서〉2025 시나공 정보처리산업기사 실기 기본서는 기출문제를 면밀히 분석함으로써 출제product.kyobobook.co.kr이 책!책 전부를 풀지는 않았어요..