코딩하는 고릴라

navigate 페이지 이동 기능 구현을 위해 사용 Link 태그를 대신해 사용 가능 import { useNavigate } from 'react-router-dom' function App(){ let navigate = useNavigate() { navigate('/detail') }}>이동버튼 } useNavigate 임포트 useNavigate() 이용해 선언 navigate( ‘경로’ ) 와 같이 사용 navigate(-1) : 뒤로 가기 위와 같이 라우터 경로를 지정하면, 따로 지정이 안된 모든 경로에 대해 위 라우터에 지정된 컴포넌트를 출력 → 404 에러 페이지 등에 사용 nested routes, outlet 경로 내 경로의 요청에 대해 컴포넌트를 출력하기 위해 사용 /about/co..

정보 공유 목적보다 개인 회고에 대한 게시글입니다 2023년 5월, SSAFY 비전공 JAVA반 지원 잘 다니던 회사를 퇴사하고 무작정 개발공부에 뛰어들기 위해 SSAFY에 지원하였고, 이왕 할 거면 JAVA를 공부하라는 말에 비전공 JAVA반에 지원했고, 입과했다. 남들 따라 대학 가고, 남들 따라 공부하고, 남들 따라 취업해 밤낮없이 평일이고 주말이고 회사에서 필요로 하면 정말 열심히 일해왔지만, 정작 중요한 걸 놓쳤다는 생각이 문득 들었다. 난 지금 무엇 때문에 이렇게 일하고 있지? 막 재미가 없는 일은 아니지만, 그렇다고 내가 진정 하고 싶었던 일이긴 한가? 그 이전에 내가 하고 싶었던 일이라는 걸 가져본 적은 있었나? 어렸을 적부터 난 혼자서 모든 걸 하고 싶어 하곤 했다. 남들과 협업해 어떤 ..

🦥 라우팅 - 셋팅, 기본 라우팅 페이지 나누는 방법 컴포넌트 만들어서 페이지 디자인 누가 /detail 요청시 해당 컴포넌트 출력 ⇒ react-router-dom 라이브러리 사용하여 구현 react-router-dom 설치 설치 // 터미널 npm install react-router-dom@6 셋팅 // index.js import { BrowserRouter } from "react-router-dom"; 컴포넌트를 로 감싸준기 페이지 나누기 1. 요청에 따라 출력시킬 컴포넌트 나누기 // App.js import { Routes, Route, Link} from 'react-router-dom' function App(){ return ( // 메인 페이지 // detail 접속 ..

🐄 export, import를 통한 파일 관리 1. export default / import [export default] - 한 개의 변수를 export 할 때 사용 // data.js 파일 (export할 데이터를 따로 저장한 파일) let productsData= [ { id: 0, title: "상품 이름1", content: "상품 설명1", price: 120000 }, { id: 1, title: "상품 이름2", content: "상품 설명2", price: 110000 }, { id: 2, title: "상품 이름3", content: "상품 설명3", price: 130000 } ]; export default productsData; // App.js 파일 (export한 변수를 ..

🦍 문제 4673번: 셀프 넘버 셀프 넘버는 1949년 인도 수학자 D.R. Kaprekar가 이름 붙였다. 양의 정수 n에 대해서 d(n)을 n과 n의 각 자리수를 더하는 함수라고 정의하자. 예를 들어, d(75) = 75+7+5 = 87이다. 양의 정수 n이 주어졌을 때, www.acmicpc.net 🐈 문제 풀이 1. 무엇을 구해야 할까? - 문제에 주어진 규칙에 따라, 생성자가 없는 숫자를 셀프 넘버라고 하며, 1 ~ 10,000 까지의 숫자 중 셀프넘버인 숫자들만 한 줄에 하나씩 출력해야 한다. 2. 어떻게 구해야 할까? - 시간 제한은 1초이며, 1부터 10,000까지 반복문을 돌린다 하더라고 시간제한의 우려는 없다. - 1부터 10,000까지 반복문을 돌며, 해당 숫자를 생성자로 가지는 숫자..

1. Queue 클래스 선언 및 생성자 Line 1: Queue라는 이름으로 클래스를 선언 Line 2 : 생성자를 이용해 기본 구조 설정 Line 3 : Queue 내부에 값을 저장할 객체를 선언 - 배열이 아니라 객체를 선언한 이유는 메모리 낭비를 방지하기 위함입니다. - 후에 구현하게 될 push, poll의 방법으로는 push와 poll을 반복하다보면 배열의 앞부분에 값이 남아있지만 접근할 방법이 사라져 해당 메모리 공간이 낭비되기 때문에 객체로 선언해 이를 보완했습니다. Line 4 : Queue의 앞부분 Line 5 : Queue의 끝부분 2. isEmpty() 구현 Line 2 : rear와 front의 값이 일치하면 이는 Queue 내부에 아무런 값도 저장되어 있지 않음을 의미 Line 4..