본문 바로가기

전체 글69

[Vue] watch vs computed 항목 methods computed watch목적함수 실행 (로직 처리)계산된 값을 리턴데이터 변화 감지 후 작업 수행호출 방식함수처럼 직접 호출변수처럼 템플릿에서 자동 호출특정 값이 변경되면 자동 실행템플릿 사용{{ myMethod() }}{{ myComputed }}❌ (템플릿에서는 사용 안 함)캐싱❌ 없음 (매번 실행됨)✅ 있음 (의존 값이 바뀔 때만 재계산)❌ 없음대표 용도이벤트 처리, 단순 로직계산된 데이터 (합계, 필터링 등)API 호출, 콘솔 출력, side effect 예시코드1. methods- 스크립트 부분에서.. 2025. 7. 19.
[Vue] props 와 emit 정리 1. props란?- 부모-> 자식 컴포넌트로 데이터 전달하는 방법- 자식 컴포넌트는 props를 읽기 전용(read-only)으로 받아서 사용 vue *참고 => ':' 는 'v-bind' 단축 문법이다. :msg="parentMsg"는 v-bind:msg="parentMsg"와 동일 js// 자식 컴포넌트export default { props: ['msg'] // 자식 컴포넌트에서는 부모에서 :msg로 보내준 데이터를 props로 받는다} 2. emit 이란?- 자식 -> 부모로 이벤트를 보내는 방식- 주로 버튼 클릭 등 사용자 동작 발생 시, 부모에게 알릴 때 사용 vue Reply vue 3. props + emit 흐름 요약[부모] 데이터 전달 ↓ (props)[자식] 버튼 클릭 → .. 2025. 7. 19.
식단일지1 - 아침 : 링귀니 알리오올리오 + 전복 1마리, 바나나(잘못 뜯겨서 먹음)- 점심 : 삼계탕 1/2 + 전복 1마리- 저녁 : 바나나1 + 발효초코빵 야구공 크기만큼- 수영 다녀와서 : 닭가슴살큐브 6조각이랑 고구마스틱 먹음(고구마스틱 안먹었음 바로 잤을텐데.. 힘이 나서 집합 책 뿌시고 잘 예정ㅎ..) *한약은 매일 오전 10시, 오후3시에 먹음*한달분인데, 묽게 2박스나 주셔서.. 현재 5주차 끝났는데, 아직도 1박스 넘게 남음.. 2025. 7. 17.
수영강습일지 8일차 오늘 수영 재결제 했다. 고로, 한달간 7번 나갔고, 다시 두번째달 시작! 2-8로 기억하기! [ 오늘 한것 ]1. 자유형 발차기- 예전에 말씀해주신 대로, 물 속으로 들어간만큼 나가는거라 허벅지 힘을 이용해서 깊게 차보라고 하셨다.=> 그런데, 다리에 힘이 안들어감. 사실 내 다리 통실통실해서 힘 없는게 민망할 정도인데.. 뭐 지방덩어리라 그럴 수 있지만^_^역시 여자는 한달에 제정신과 제몸(?) 컨디션으로 살아갈 수 있는건 2주 뿐인건가?ㅋㅋㅋㅋㅋㅋ체력이 좀 늘면 괜찮아지나?ㅋㅋㅋㅋㅋ 체력이 늘려면 기초대사량이 늘어야 하는데, 그럼 근력이 늘어야 하지 않나? 그런데, 근력은ㅋㅋㅋ 1년에 많으면 1~2kg 일반인 기준으로 늘어난다고 했었는데..ㅋㅋㅋㅋㅋㅋ오늘 회사에서 오후 내내 너무 집중해서 자리에 앉.. 2025. 7. 17.
2장. 테스트 환경 구성하기 개인 노트북이나 PC에 가상 환경을 구축하고 그 안에 인프라 환경을 구성하는 순서로 진행된다.먼저 2장에서는 가상 환경을 구성하는 데 사용하는 도구를 살펴본 다음, 직접 가상 환경을 구축하겠다.이때 일관성 있는 결과를 얻으려면 프로젝트 환경이 가능한 한 일정하게 생성되고 유지되야 한다.그래서 여기는 코드형 인프라로 인프라 환경을 일정하게 유지하고 구성한다. 코드형 인프라(IaC, Infrastructure as Code)?코드로 하드웨어를 설정하고, 운영 체제를 설치하고, 네트워크를 구성하고, 개발 환경을 구축하는 것.코드로 인프라를 소프트웨어처럼 다룰 수 있다. 이렇게 설치된 환경을 사용자가 모두 동일한 환경에서 테스트할 수 있고, 문제가 발생했을 때 몇번의 명령 실행만으로 환경을 다시 새것처럼 구성할.. 2025. 7. 17.
1장. 새로운 인프라 환경이 온다 1.1 컨테이너 인프라 환경이란 🐳 컨테이너 인프라 환경은?컨테이너를 중심으로 구성된 인프라 환경입니다. 🐳 컨테이너(container)?하나의 운영 체제 커널에서 다른 프로세스에 영향을 받지 않고 독립적으로 실행되는 프로세스 상태를 의미 1.1.1 모놀리식 아키텍처🏢 모놀리식 아키텍처(monolithic architecture)?하나의 큰 목적이 있는 서비스 또는 애플리케이션에 여러 기능이 통합돼 있는 구조를 의미 소프트웨어가 하나의 결합된 코드로 구성되기 때문에 초기 단계에서 설계하기 용이하며 개발이 좀 더 단순하고 코드 관리가 간편함But, 서비스를 운영하는 과정에서 수정이 많을 경우, 어떤 서비스에서 이뤄진 수정이 연관된 다른 서비스에 영향을 미칠 가능성이 커짐.also, 서비스가 점점 성장.. 2025. 7. 17.

티스토리툴바