끄느토리

Lv. 1, 54% https://school.programmers.co.kr/learn/courses/30/lessons/42862 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 내가 제출한 코드: def solution(n, lost, reserve): answer = n lost.sort() reserve.sort() for i in lost: if i in reserve: reserve.remove(i) elif i - 1 in reserve: reserve.remove(i - 1) elif i + 1 in reserve and i + 1 not ..

https://aws.amazon.com/ko/ 클라우드 서비스 | 클라우드 컴퓨팅 솔루션| Amazon Web Services aws.amazon.com AWS Amazon Web Servies, 아마존이 제공하는 클라우드 컴퓨팅 플랫폼 Region : AWS 데이터 센터의 물리적인 위치 AvailabilityZone(AZ, 가용영역) : 하나의 Region은 여러가지의 AZ로 구성되어 있다 고가용성(High Availability) : 여러개의 AZ를 사용함으로써 하나 이상의 가용 영역이 사용 불가능해져도 서비스가 계속해서 이용 가능하도록 보장할 수 있다 AWS의 서비스들 컴퓨팅: EC2 (Elastic Compute Cloud), Elastic Beanstalk 등 데이터베이스: RDS (Relat..

긴 데이터들은 파일을 따로 만들어 불러오는 방식으로 작업하면 편리하다 import / export 문법 쓰는 법 export default 변수명 export {변수1, 변수2 ... } import 작명 from 파일경로 (예시) 변수 뿐 아니라 함수도 가능 변수에 저장했다가 쓰기 귀찮을 때 바로 써줘도 된다 HTML 태그 안의 속성 데이터바인딩은 :어쩌구 HTML 태그 안의 내용 데이터바인딩은 {{어쩌구}} 참고 더보기 https://www.youtube.com/watch?v=38PWm8TgaV0&list=PLfLgtT94nNq3Br68sEe26jkOqCPK_8UQ-&index=7

이미지 넣는 법: 절대경로는 그냥 넣기 src에 있는 거 가져올 때 경로는 ./ 부터 모달창 만들기 동적인 UI 만드는 법 UI의 디자인부터 하기 UI의 현재 상태를 데이터로 만들기 데이터에 따라 UI가 어떻게 보일지 작성하기 App.vue: 상세페이지 상세페이지 내용 닫기 export default { name: 'App', data(){ return { 모달창오픈 : true, } }, v-if="조건식" >>> 조건식이 참일 때만 HTML을 보여줌 데이터 저장 공간을 리액트에서는 state라고도 부른다 UI의 현재 상태를 저장하는 곳이기도 하므로! 참고 더보기 https://www.youtube.com/watch?v=UyESqYSb0gY&list=PLfLgtT94nNq3Br68sEe26jkOqCPK..

이벤트 핸들러 HTML 클릭시 코드 실행 javascript: {{products[0]}} 50 만원 허위매물신고 신고수 : 0 버튼을 누르면 숫자를 찾아서 +1 +1 된 것을 HTML에 반영시키기 javascript의 함수: function 어쩌구() { console.log("안녕") console.log("안녕") console.log("안녕") } 긴 코드를 짧게 줄이기 위해 사용 vue: {{products[0]}} 50 만원 허위매물신고 신고수 : 0 v-on:click="신고수++" @click="신고수 += 1" 둘은 같다 버튼을 누르면 관련된 데이터만 +1 (데이터가 변하면 HTML에 바로 반영되기 때문) vue의 함수 위치는 data 뒤에 함수 안에서 데이터 쓸 땐 this.데이터명 m..

Nav바 만들기 App.vue: Home Products About 반복되는 a 태그에 내용을 채울 때, App.vue: {{menu}} {{products[i]}} 50 만원 >>> :key=""를 안 쓰면 에러 남 {{a}} >>> 변수 작명 2개까지 가능 >>> 왼쪽 변수는 array 내의 데이터 >>> 오른쪽 변수는 1씩 증가하는 정수 아래 둘은 같다 {{products[i]}} 50 만원 ################### {{a}} 50 만원 자료 안의 데이터 갯수만큼 반복된다 작명한 변수는 데이터 안의 자료가 된다 :key=" "의 용도: 반복문 쓸 때 꼭 써야한다 반복문 돌린 요소를 컴퓨터가 구분하기 위해 사용한다 참고 더보기 https://www.youtube.com/watch?v=T4N..

Lv. 1, 48% https://school.programmers.co.kr/learn/courses/30/lessons/72410 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 1단계 new_id의 모든 대문자를 대응되는 소문자로 치환합니다. 2단계 new_id에서 알파벳 소문자, 숫자, 빼기(-), 밑줄(_), 마침표(.)를 제외한 모든 문자를 제거합니다. 3단계 new_id에서 마침표(.)가 2번 이상 연속된 부분을 하나의 마침표(.)로 치환합니다. 4단계 new_id에서 마침표(.)가 처음이나 끝에 위치한다면 제거합니다. 5단계 new_id가 빈..

https://ap-northeast-2.console.aws.amazon.com/elasticbeanstalk/home?region=ap-northeast-2#/welcome ap-northeast-2.console.aws.amazon.com Elastic Beanstalk - [애플리케이션 생성] 1단계 분명 강의에서는 이렇게까지만 나오는데 단계가 더 많은데..? 2단계 EC2 인스턴스 프로파일에 선택할 프로파일이 안 뜰 때 IAM > 역할 aws-elasticbeanstalk-ec2-role [AWS 서비스: ec2]가 있어야 한다 AWSElasticBeanstalkWebTier AWSElasticBeanstalkWorkerTier AWSElasticBeanstalkMulticontainerDock..

export default (await import('vue')).defineComponent() App.vue의 태그에 지워지지도 않고 굉장히 거슬렸다 To hide it, you can set "vue.inlayHints.optionsWrapper": false in IDE setiings. 마우스를 올리면 뜨는 문구이다 설정에 있을 것 같은데..!!! vscode 왼쪽 아래 톱니바퀴 - [Settings] [optionsWrapper] 검색 Vue > Inlay Hints: Options Wrapper Show inlay hints for component options wrapper for type support. 체크되어 있는 것을 풀어준다 깔꿈~~~

https://learn.microsoft.com/ko-kr/windows/wsl/install WSL 설치 wsl --install 명령을 사용하여 Linux용 Windows 하위 시스템을 설치합니다. Ubuntu, Debian, SUSE, Kali, Fedora, Pengwin, Alpine 등 원하는 Linux 배포판에서 실행되는 Windows 머신에서 Bash 터미널을 사용할 수 있습니 learn.microsoft.com 제어판 > 프로그램 > 프로그램 및 기능 > Windows 기능 켜기/끄기 Linux용 Windows 하위 시스템 [체크] - [확인] Microsoft Store > [linux] 검색 > [Ubuntu] 설치 username과 password 입력 lsb_release -a ..