[SSH] Git 에서 서로 다른 두 개의 계정 사용하기
2023. 3. 28. 13:07
개발이야기/Git
서로 다른 두 개의 계정을 사용하는 방법을 알아보겠습니다. 개인용 노트북에서 작업을 해야 하거나 업무와 관련된 작업을 할 때, 깃에서 두 개의 계정을 사용하면 깃이 꼬이는 문제를 해결할 수 있습니다. 이 문제를 해결하기 위해 많은 블로그에서 도움을 받을 수 있지만, 제가 직접 겪었던 어려움과 혼란스러웠던 부분을 블로깅해보고자 합니다. 저는 윈도우 컴퓨터를 사용하고 있으며, 윈도우 기준으로 작성하겠지만 파일 디렉토리 주소 말고는 윈도우와 맥이나 리눅스 등 다른 운영체제에서도 큰 차이가 없을 것으로 생각됩니다. 1. 먼저 터미널이나 git bash를 실행한다. 2. 명령어를 입력하여 ssh 폴더로 들어간다. cd ~/.ssh 3. ssh 인증키를 생성 인증키를 생성하는 방법은 두 가지가 있다. "ed2551..
CSR과 SSR의 장단점 Next.js 선택 이유와 고려사항
2023. 3. 22. 15:02
개발이야기/Next.js
csr과 ssr의 차이점✍️CSRreact는 CSR 방식으로 페이지를 렌더링 한다.react는 SPA로 하나의 페이지안에서 모든 데이터를 주고 받으며,react-router-dom 같은 라우팅 라이브러리를 사용해서 페이지 이동처럼 보이게 만들어준다.하지만 실제로는 페이지가 이동하는것이 아닌, URL이 변경될때 보여지는 컴포넌트가 달라지는것 뿐이다.그러므로 실제로 페이지가 이동되어서 다시 HTML과 자바스크립트를 받아오는 것이 아니다. react에서는 맨 처음 유저가 웹에 방문하면 HTML을 받아오고 CSS와 자바스크립트를 불러와서웹을 동작시키면 이후에 우리가 react안에 작성해놓은 코드들이 동작하는 것이다.CSR의 장점은 사용자와의 상호작용이 매끄럽다는 장점이 있다.그러나 검색 엔진 최적화(SEO)가 ..
[leetcode] Sqrt(x)
2023. 3. 21. 17:27
알고리즘/leetCode
69.sqrt(x) 음수가 아닌 정수 x를 지정하면 x의 제곱근을 가장 가까운 정수로 반내림합니다. 반환된 정수도 음수가 아니어야 합니다. 예 1: 입력: x = 4 출력: 2 설명: 4의 제곱근은 2이므로 2를 반환합니다. 예 2: 입력: x = 8 출력: 2 설명: 8의 제곱근은 2.82842...이고, 가장 가까운 정수로 반내림하면 2가 반환됩니다. 문제 정리 x가 주어지면 x를 제곱근 했을때 가장 가까운 정수로 반내림 하는 문제이다. 조건 x는 음수가 아니다. 반드시 정수. 풀이 방법 1. x의 제곱근을 계산한다. 2.계산된 제곱근을 가장 가까운 정수로 반내림한다. 3.반내림된 정수가 음수인지 확인한다. 4. 반내림된 정수가 음수라면 0을 반환하고, 아니라면 정수 값을 반환한다. 작성코드📍 fun..
탭 버튼 컴포넌트 만들기: 확장성과 API 연동을 고려한 React 예제
2023. 3. 21. 15:09
개발이야기/React.js
확장성 높은 tabButton을 만들어보자. 조건 1. firstButton과 secondButton을 누르면 각각에 알맞은 데이터가 보여져야한다. 2. thirdbutton, fourth button 등이 추가 될 가능성을 고려해서 만들어야한다. 구현 방법 1. 변경되는 탭 모드를 저장할 state를 만들어준다. 2. 각 탭 버튼에 고유한 값을 할당하고, 해당 값을 이벤트 핸들러에 전달한다. 3. 이벤트 핸들러에서 전달받은 값에 따라 현재 활성화된 탭을 업데이트한다. 4. 활성화된 탭에 따라 적절한 데이터를 렌더링한다. 1. 부모컴포넌트에 탭 모드를 저장할 state와 탭 모드 변경시 실행되는 함수를 만들어준다. 부모컴포넌트.tsx //탭모드를 저장한 state/ 초기값은 firstBtn으로 설정 co..
[leetcode] Plus One
2023. 3. 17. 17:53
알고리즘/leetCode
66.플러스 원 주어진 정수 배열을 사용하여 큰 정수를 표현합니다. 배열의 각 요소는 정수의 각 자릿수를 나타냅니다. 배열의 순서는 왼쪽에서 오른쪽으로 정렬되어 있으며, 배열의 왼쪽 요소가 정수의 최상위 자릿수를 나타냅니다. 큰 정수에 선행 0이 없습니다. 작성해야 할 함수는 이 정수 배열에 1을 더하고, 결과를 동일한 형식의 정수 배열로 반환해야 합니다. 예제: 입력: [1, 2, 3] (정수 123) 출력: [1, 2, 4] (정수 124) 입력: [4, 3, 2, 1] (정수 4321) 출력: [4, 3, 2, 2] (정수 4322) 입력: [9] (정수 9) 출력: [1, 0] (정수 10) 문제의 목표는 주어진 정수 배열에 1을 더하여 결과를 배열로 반환하는 것입니다. 생각한 방법 1. 배열을 ..