분류 전체보기 (61) 썸네일형 리스트형 [React] React Router : 기본 세팅 1. 설치 진행 yarn add react-router-dom 2. BrowserRouter 최상단 컴포넌트 감싸주기 BrowserRouter 란? HTML5 의 History api 를 사용하여 페이지를 새로 고침하지 않고도 url 변경을 통해 특정 경로에 route 돼있는 리액트 컴포넌트를 불러와 사용할 수 있게 해준다. 내 블로그 내 History api 간단 설명 url : src/index.js import React from 'react'; import ReactDOM from 'react-dom/client'; import App from './App'; import { BrowserRouter } from 'react-router-dom'; const root = ReactDOM.creat.. [Ubuntu] 우분투 버전 확인 Linux 명령어 버전 확인에 대한 여러가지 명령어를 정리하였다. $ lsb_release -a 비교적 디테일하게 버전과 외 정보들이 출력된다. $ lsb_release -d 깔끔하게 Ubuntu 에 대한 버전 정보만 나온다. $ cat /etc/issue 버전 정보만 출력된다. $ cat /etc/os-release 사용 Ubuntu 에 대해서 매우 디테일한 정보들을 출력한다. [Ubuntu] Java 설치 및 환경 변수 설정 현재 서버 환경 Ubuntu 22.04.2 LTS Java 11 Java 17 # 기존에 Java 11 버전을 17 버전으로 변경 할 것이다. Java 설치 1. 설치 가능한 Java 리스트 출력 $ sudo apt list | grep openjdk 나는 17 버전의 Java 를 설치할것이기 때문에 아래와같이 버전까지 명시하여 17 버전의 설치 가능한 Java 리스트만 출력했다. $ sudo apt list | grep openjdk-17 2. Java Install 진행 $ sudo apt install openjdk-17-jdk 상기 명령어로 원하는 Java 버전을 설치해준다. 가운데 버전 숫자만 바꿔주면 된다. 설치하는데는 시간이 조금 걸린다. $ java --version 설치가 완료되면 상기 .. [JavaScript][프로그래머스] - LVL.0 주사위의 개수 정답 1 찾아보니 초등학교 6학년에 도형 문제였던것 같은데. 오랜만에 상당히 반가웠다. 여기서 또 보는구나. 오랜만에 봐서 그런가 처음에 이해하는데 아주 약간 시간이 걸렸다. 하지만 결국 감이 왔다. map 과 reduce 라는 Javascript 의 내장 기능들을 활용해 문제를 풀어야겠다는 직감이 딱 느껴졌다. 이렇게 둘을 활용해야 가장 우아하게 문제가 풀릴것 같았다. function solution(box, n) { return box.map((d) => parseInt(d/n)).reduce((a, b) => a * b); } 결과는 정답이였다. map 을 통해서 box 배열 내 수를 각 주사위의 모서리 길이에 맞게 계산하여 주사위 모서리가 몇개씩 들어가는지 파악하여 가공. 그다음 reduce 를 .. [JavaScript][프로그래머스] - LVL.0 주사위의 개수 정답 1 찾아보니 초등학교 6학년에 도형 문제였던것 같은데. 오랜만에 상당히 반가웠다. 여기서 또 보는구나. 오랜만에 봐서 그런가 처음에 이해하는데 아주 약간 시간이 걸렸다. 하지만 결국 감이 왔다. map 과 reduce 라는 Javascript 의 내장 기능들을 활용해 문제를 풀어야겠다는 직감이 딱 느껴졌다. 이렇게 둘을 활용해야 가장 우아하게 문제가 풀릴것 같았다. function solution(box, n) { return box.map((d) => parseInt(d/n)).reduce((a, b) => a * b); } 결과는 정답이였다. map 을 통해서 box 배열 내 수를 각 주사위의 모서리 길이에 맞게 계산하여 주사위 모서리가 몇개씩 들어가는지 파악하여 가공. 그다음 reduce 를 .. [JavaScript][프로그래머스] - LVL.0 가위 바위 보 정답 1 상기 문제를 보고서 필자는 switch 문이 바로 떠올랐다. 그래서 다른 고민 없이 바로 switch 문을 적용해 해당 문제를 해결하기로 했다. function solution(rsp) { return rsp.split("").map(d => { switch(d) { case "0" : return "5" case "2" : return "0" case "5" : return "2" default : return null; } }).join(""); } 결과는 정답이였다. 하지만 딱 보기에도 뭔가 코드가 너무 길다. 그리고 우아한 면이 상당히 없다. 다른 우아한 방식은 어떤것이 있는지 한번 둘러보았다. 정답 2 와 상당히 우아하면서도 이 문제에 최적화된 정답을 보았다. function solut.. [Java] - 제어문4 : 조건문 - switch 문 switch 문이란? switch 문은 if 문과 같은 조건문으로 특정 상황에서는 if 문보다 좀더 깔끔하게 로직 분기처리를 가능하게 해주는 문법이다. 개인적으로 정말 재밌고 편리하다고 생각하는 문법이다. switch 문의 특징. switch 문의 () 조건식에는 if 문과 달리 boolean 값 외 변수, 상수, 수식, 메서드 등이 올수 있고 그 결과값은 정수 또는 문자(열) 이어야 한다. case 문의 값은 정수 또는 문자(열) 만 받을 수 있다. case 문의 값은 다른 case 와 중복으로 지정될 수 없다. 각각의 case 문은 break; 로 끝나야 한다. 만약 break 으로 끝맺음을 안했을시 다음 case 로 넘어가 의도하지 않은 잘못된 분기처리가 될 수 있다. switch 문의 마지막은 d.. [Java] - 제어문3 : while 문 while 문이란? while 문은 for 문과 같은 반복문이다. 하지만 이 둘은 차이가 있다. while 문은 for문과 다르게 초기화식이나 증갑식이 없다. for 문은 몇번을 반복해야하는지 정확하게 조건이 정해져 있는 반면 while 문은 횟수에 제한이 없다. 하지만 조건에 따라서 반복실행을 할지 반복실행 도중 멈출지 의도에 집중하는 "반복 조건에 주목한 반복문" 이다. 그렇기 때문에 자칫 무한 루프에 빠질 수도있다. 즉, 끊임없이 반복문이 돌수 있는 risk 가 있다. 그래서 항상 멈춰줄 조건문을 잘 생각해야 한다. 코드 실습 1. 구구단 public static void main(String[] args) throws Exception { int dan = 2; int i = 1; while(da.. 이전 1 2 3 4 5 6 7 8 다음 목록 더보기
