본문 바로가기

전체 글117

[Programmers] 124 나라의 숫자(JavaScript) 알림 본 포스팅은 공부 목적으로 작성된 글이며 상업적 목적으로 절대 사용되지 않았음을 밝힙니다. 문제 https://programmers.co.kr/learn/courses/30/lessons/12899 코딩테스트 연습 - 124 나라의 숫자 programmers.co.kr 124 나라가 있습니다. 124 나라에서는 10진법이 아닌 다음과 같은 자신들만의 규칙으로 수를 표현합니다. 1. 124 나라에는 자연수만 존재합니다. 2. 124 나라에는 모든 수를 표현할 때 1, 2, 4만 사용합니다. 예를 들어서 124 나라에서 사용하는 숫자는 다음과 같이 변환됩니다. 자연수 n이 매개변수로 주어질 때, n을 124 나라에서 사용하는 숫자로 바꾼 값을 return 하도록 solution 함수를 완성해 주세요. .. 2022. 4. 7.
[Programmers] 제일 작은 수 제거(JavaScript) 알림 본 포스팅은 공부 목적으로 작성된 글이며 상업적 목적으로 절대 사용되지 않았음을 밝힙니다. 문제 https://programmers.co.kr/learn/courses/30/lessons/12935 코딩테스트 연습 - 제일 작은 수 제거하기 정수를 저장한 배열, arr 에서 가장 작은 수를 제거한 배열을 리턴하는 함수, solution을 완성해주세요. 단, 리턴하려는 배열이 빈 배열인 경우엔 배열에 -1을 채워 리턴하세요. 예를들어 arr이 [4,3,2,1 programmers.co.kr 정수를 저장한 배열, arr 에서 가장 작은 수를 제거한 배열을 리턴하는 함수, solution을 완성해주세요. 단, 리턴하려는 배열이 빈 배열인 경우엔 배열에 -1을 채워 리턴하세요. 예를들어 arr이 [4,3,.. 2022. 4. 4.
[Vue.js] v-for 반복문 알림 본 포스팅은 공부 목적으로 작성된 글이며 상업적 목적으로 절대 사용되지 않았음을 밝힙니다. 과제 배열을 데이터에 담아 데이터 바인딩 해 오는 것이 과제였습니다. v-for 반복문 HOME 근데 이렇게 되면 HOME만 세 번이 출력이 돼 사실 메뉴의 역할은 못 하고 있는 모습입니다. 위에 코드블럭에서 "작명 in 3"은 곧 세 번만큼 돌아 HOME이 출력되는 논리였는데, 저 '3' 자리에 배열이 들어갈 수도 있고, 배열을 넣어주게 되면 우리가 의도하는 메뉴에 더욱 가까운 모습으로 개발이 가능해집니다. 반복문 key 반복문을 작성할 때 key를 꼭 작성하라고 하는데요. 그 이유는 사용하지 않으면 오류가 나기 때문이고, key의 역할은 컴퓨터가 반복문을 돌린 요소를 구분하기 위함이기 때문에 이를 구분할 .. 2022. 3. 31.
[Vue.js] 데이터 바인딩 문법 알림 본 포스팅은 공부 목적으로 작성된 글이며 상업적 목적으로 절대 사용되지 않았음을 밝힙니다. 데이터 바인딩 문법 데이터 바인딩 문법이란 Vue.js에서 변수 등의 데이터를 보관하는 데이터 보관함이며, object 자료로 저장해 둡니다. 가격처럼 바뀔 수 있는 데이터들을 데이터 보관함에서 데이터 바인딩 해서 가지고 와야 실시간 렌더링으로 더욱 유연한 페이지를 개발 할 수 있습니다. 그리고 데이터 바인딩 할 때 꼭 텍스트뿐만 아니라 스타일 지정도 가능한데요. 이처럼 제가 color를 각각의 변수에 green과 purple로 지정해주고, 각 태그에 style을 줬는데, 제가 준 데이터가 잘 적용된 것 같습니다. 2022. 3. 29.
[Vue.js] Vue.js 설치 및 환경 세팅 알림 본 포스팅은 공부 목적으로 작성된 글이며 상업적 목적으로 절대 사용되지 않았음을 밝힙니다. Vue.js 설치 npm install -g @vue/cli 리액트와 똑같이 npm의 도움을 받아 기본 개발 환경 세팅을 좀 편하게 해줍니다. VSCode 확장 플러그인 Vue 개발을 할 때 VSCode에서 지원하는 확장 플러그인 몇 개를 설치해 주고자 합니다. 제가 듣고 있는 인터넷 강의(코딩애플)에선 다음과 같은 세 개를 설치하라고 했기 때문에 저도 강의 따라서 설치해 줬습니다. 1. Vetur 2. Vue 3 Snippets 3. HTML CSS Support 프로젝트 파일 생성 vue create '프로젝트명' # 원하는 프로젝트명으로 생성 저는 처음에 프로젝트명을 firstVue로 변수명 짓듯 카멜표.. 2022. 3. 27.
[Programmers] 평균 구하기(JavaScript) 알림 본 포스팅은 공부 목적으로 작성된 글이며 상업적 목적으로 절대 사용되지 않았음을 밝힙니다. 문제 https://programmers.co.kr/learn/courses/30/lessons/12944 코딩테스트 연습 - 평균 구하기 정수를 담고 있는 배열 arr의 평균값을 return하는 함수, solution을 완성해보세요. 제한사항 arr은 길이 1 이상, 100 이하인 배열입니다. arr의 원소는 -10,000 이상 10,000 이하인 정수입니다. 입출력 예 arr programmers.co.kr 정수를 담고 있는 배열 arr의 평균값을 return하는 함수, solution을 완성해보세요. 풀이 배열의 정수를 다 더하고 배열의 길이를 구해 나눠주면 되는 매우 간단한 문제입니다. 코드 funct.. 2022. 3. 27.