프로그래밍(Programming)
다음에 올 숫자
💡 다음에 올 숫자 문제 설명 등차수열 혹은 등비수열 common이 매개변수로 주어질 때, 마지막 원소 다음으로 올 숫자를 return 하도록 solution 함수를 완성해보세요. 문제 링크 ✍ 문제 풀이 1. 요약 배열의 0,1,2번째 값을 통해 등차수열/등비수열임을 if 비교 후 결과 계산 2. 방법 : index\[2\] - index\[1\] = index\[1\] - index\[0\] 식으로 등차수열인지 계산 등차수열일 경우, 마지막 index + 등차(index[2] - index[1]) 로 결과 계산 등차가 아닐 경우 등비수열이므로, 마지막 index * 등차(index[2] - index[1]) 로 결과 계산 3. 소스 코드 class Solution { public int solutio..
프로그래머스 : 옹알이(1)
문제 설명 머쓱이는 태어난 지 6개월 된 조카를 돌보고 있습니다. 조카는 아직 "aya", "ye", "woo", "ma" 네 가지 발음을 최대 한 번씩 사용해 조합한(이어 붙인) 발음밖에 하지 못합니다. 문자열 배열 babbling이 매개변수로 주어질 때, 머쓱이의 조카가 발음할 수 있는 단어의 개수를 return하도록 solution 함수를 완성해주세요. 제한사항 1 ≤ babbling의 길이 ≤ 100 1 ≤ babbling[i]의 길이 ≤ 15 babbling의 원소에서 "aya", "ye", "woo", "ma"는 각각 최대 한 번씩만 등장합니다. 문자열은 알파벳 소문자로만 이루어져 있습니다. 풀이 코드 class Solution { public int solution(String[] babbl..
[프로그래머스] 평행
전체 코드 import java.util.*; class Solution { public int solution(int[][] dots) { int answer = 0; float[] line = new float[6]; //기울기 세는 배열 //index로 돌리면서 바로 채움 line에 int index = 0; for(int i = 0; i < 3; i++) { for(int j = i + 1; j < 4; j++) { float result = (float)(dots[i][1] - dots[j][1]) / (float)(dots[i][0] - dots[j][0]); line[index] = result; index++; } } //평행 체크 for(int k = 0; k < line.length-1..
백준 1157
import java.util.*; import java.io.*; //알파벳 대소문자로 된 단어가 주어지면, //이 단어에서 가장 많이 사용된 알파벳이 무엇인지 알아내는 프로그램을 작성하시오. //단, 대문자와 소문자를 구분하지 않는다. public class B1157 { public static void main(String[] args) throws IOException { // 입력 BufferedReader br = new BufferedReader(new InputStreamReader(System.in)); String array = br.readLine().toUpperCase(); // 횟수 체크용 배열 int[] letterCheck = new int["abcdefghijklmnopq..
Pinia 오류 : Can't import the named export 'computed' from non EcmaScript module (only default export is available)
Failed to compile. ./node\_modules/pinia/dist/pinia.mjs 1148:44-52 Can't import the named export 'computed' from non EcmaScript module (only default export is available) 위와 같은 에러가 뜬다면, vue.config.js에 아래 구문을 추가해볼 것. configureWebpack: { module: { rules: [ { test: /\.mjs$/, include: /node_modules/, type: 'javascript/auto', }, ], }, },그리고도 안 된다면, Vue를 꼭 재실행 해볼 것! run serve 등 작업을 ..
Pinia 사용법 (설치 및 적용)
1. Pinia 설치 yarn 또는 npm을 통해 Pinia를 설치합니다. 설치 명령어는 아래와 같습니다. yarn add pinia // or npm install pinia2. Pinia 등록 main.js에 Pinia 인스턴스를 만들어 적용시킵니다. - Vue3의 경우 //main.js import { createApp } from 'vue' import { createPinia } from 'pinia' import App from './App.vue' const pinia = createPinia() const app = createApp(App) app.use(pinia) app.mount('#app')- Vue2의 경우 1. npm i..
React props로 데이터 전달하기
1. 부모 컴포넌트 부모컴포넌트에 props="value" 를 입력한다. (아래에 TodoList를 보면 todo="TODO" 라고 쓰여진 부분) function App() { return ( TODO LIST ); } 2. 자식 컴포넌트 props를 파라미터로 넘겨주고, {props.XXX}로 바인딩 해서 사용한다. XXX 부분에는 부모컴포넌트에서 옮겨준 이름을 사용하면 된다. {props.todo} 부분! import React from "react"; const TodoList = (props) => { return ( {props.todo} ); }; export default TodoList;
React : 클래스형(class) 컴포넌트, 함수형(function) 컴포넌트
각 컴포넌트를 만드는 법 1. 클래스형(class) 컴포넌트 class App extends Component { render(){ const name ='react'; return {name} 연습 } } class를 이용해서 만듭니다. 2. 함수형(function) 컴포넌트 function App() { const name = "react"; return {name} 연습; } function을 이용해서 만듭니다.
React 시작하기
1. React 프로젝트 만들기 $ npm init react-app or $ yarn create react-app
React 시작하기 전, 환경 구비
1. Node.js / npm 리액트를 사용하기 위해서는 Node.js가 필수적이다. 프로젝트를 개발하는데에 필요한 중요 도구들이 Node.js를 사용되기 때문. 다운로드 바로가기 > https://nodejs.org/ko/download/ 2. VSCode https://code.visualstudio.com/download 추천 Extensions ESLint : 자바스크립트 문법 정리를 위한 익스텐션. Reactjs Code Snippets : Prettier : 코드를 더 예쁘게! 자동으로 정리해준다.