이상한 코드나라의 앨리스

개발환경 Vue3 Composition API script setup 자식 컴포넌트에서 defineProps로 변수를 정해두고 부모 컴포넌트에서 받아 올 수 있다. (변수 외에 함수도 넘겨줄 수 있음) 그리고 props로 받은 데이터의 변경을 감지하고 업데이트 하기 위해서 computed를 쓰면 된다.

Java는 객체지향 프로그래밍 언어라고합니다. OOP(Object-Oriented Programming)으로 모든 데이터를 객체로 봅니다. 특징으로는 상속화, 다형화, 추상화, 캡슐화 이 4가지가 있습니다. 코드를 짤때 공통적인 특정 상황에 알맞게 사용할 수 있는 해결책으로 정리해둔것이 '디자인 패턴'입니다! 디자인 패턴을 잘 익혀두고 실무에서 사용하거나 이미 디자인 패턴이 적용된 코드를 읽는다면 매우 유용할 것 입니다. 그래서 Java 언어로 디자인 패턴을 공부하기 위해 이책을 선정해서 읽어봤습니다. JAVA 언어로 배우는 디자인 패턴 입문: 쉽게 배우는 GoF의 23가지 디자인 패턴 프로그래밍을 하다 보면 예전과 같은 일을 반복하고 있다고 느낄 때가 있습니다. 경험이 늘어 갈수록 이러한 ‘패턴’이 자..

아래 공식문서 페이지를 참조하여 글을 작성했습니다. Documentation | NestJS - A progressive Node.js framework Nest is a framework for building efficient, scalable Node.js server-side applications. It uses progressive JavaScript, is built with TypeScript and combines elements of OOP (Object Oriented Progamming), FP (Functional Programming), and FRP (Functional Reac docs.nestjs.com @Injectable() export class TestService ..

이 책을 참고하여 실습을 진행하고 글로 기록합니다. AWS로 시작하는 인프라 구축의 정석 - YES24 쏙쏙쏙 따라 하며 배우는 AWS 인프라 구축 A to Z 클라우드 입문자를 위해 AWS 인프라를 구축하고 운용하는 방법을 단계별로 설명한다. 먼저 클라우드에서 네트워크 및 서버를 구축하는 데 필요한 www.yes24.com 1. aws 콘솔 로그인 - 우측 상단 계정명 '클릭' - 보안 자격 증명 '클릭' 2. 액세스 키 삭제 -루트 사용자의 액세스 키가 존재한다면 삭제하도록 함. 아래 사진을 참고하면 루트 사용자보다 IAM 사용자 생성 후 액세스키 생성을 추천합니다. 3. MFA 활성화 -MFA 활성화 클릭 3-1. 가상 MFA 디바이스 선택 후 계속 3-2. 스마트폰에 MFA 앱 설치 -종류가 여러..

아래 공식문서를 참고하여 작성했습니다 Resolvers How Apollo Server processes GraphQL operations www.apollographql.com Documentation | NestJS - A progressive Node.js framework Nest is a framework for building efficient, scalable Node.js server-side applications. It uses progressive JavaScript, is built with TypeScript and combines elements of OOP (Object Oriented Progamming), FP (Functional Programming), and FRP (..

NestJS 공식문서를 참고하여 작성했습니다 Documentation | NestJS - A progressive Node.js framework Nest is a framework for building efficient, scalable Node.js server-side applications. It uses progressive JavaScript, is built with TypeScript and combines elements of OOP (Object Oriented Progamming), FP (Functional Programming), and FRP (Functional Reac docs.nestjs.com 1. 터미널 CLI로 GraphQL 사용을 위한 npm을 설치 > npm i ..

Error: ER_NOT_SUPPORTED_AUTH_MODE: Client does not support authentication protocol requested by server; consider upgrading MySQL client -> 연동시 설정한 username, host가 사용자로 등록되어 있지 않을때 발생하는 오류같습니다! 1. 터미널로 MySQL bash 접속 docker exec -it mysql-local bash 저는 도커로 mysql을 설치했으며 이름은 'mysql-local'로 되어있어서 위에처럼 터미널에 입력했습니다. 상황에 맞게 변경해서 해주세요. 2. 루트계정으로 접속 /# mysql -u root -p Enter password: test 저는 root 계정의 비밀번..

Get started | Socket.IO In this guide we’ll create a basic chat application. It requires almost no basic prior knowledge of Node.JS or Socket.IO, so it’s ideal for users of all knowledge levels. socket.io Socket.IO 공식문서 사이트에 가면 빠르게 채팅을 만들어 보는 예시가 있다. 처음에 이대로 만들어보고 조금씩 발전시켜나가는 방향으로 구현해봤다. 1. socket.io 서버 연결 http 서버를 생성하고 socket.io 서버에 넣어 socket을 사용하기 위한 'io'를 만들었다. "localhost:3000" 으로 들어가면 보여줄 ht..

몸무게와 키 배열을 따로 만들고 정답 배열의 초기값을 1등으로 시작했습니다. 그리고 배열을 돌아가면서 몸무게와 키 모두 값이 적을때 +1을 해주면서 등수가 밀리도록 했습니다. const fs = require("fs"); const [n, ...arr] = fs.readFileSync("/dev/stdin").toString().trim().split(/\n/); const height = []; const weight = []; const answer = []; for (let i = 0; i < n; i++) { const newArr = arr[i].split(" ").map(Number); weight.push(newArr[0]); // 몸무게 배열 height.push(newArr[1]); //..

브루투포스 문제로 1부터 전부 비교해서 풀었다. const fs = require("fs"); const n = +fs.readFileSync("/dev/stdin").toString(); let answer = 0; // 생성자가 없다면 0 for (let i = 1; i 1) { sum += parseInt(k % 10); k /= 10; } return sum; } 다른 풀이들을 보..