Jieunny의 블로그

📌 Node.js란? - 자바스크립트로 서버를 구축하고, 서버에서 자바스크립트가 작동하게 해주는 런타임 환경 - npm(패키지 매니저)를 기반으로 다양한 모듈을 제공한다. - express란? - Node.js를 위한 프레임워크로 쉽게 서버를 구축할 수 있는 라이브러리와 미들웨어 등이 내장되어 있다. 📌 API 만들어보기 1. 간단한 API 만들기 const express = require("express"); const app = express(); const port = 3000; // port 번호 app.get("/", function (req, res) { // 루트 주소로 오는 get요청에 대한 응답을 보내겠다. res.send("Hello World"); }); app.get("/dog", ..

📌 문제 자연수 n이 주어졌을 때, n의 다음 큰 숫자는 다음과 같이 정의 합니다. - 조건 1. n의 다음 큰 숫자는 n보다 큰 자연수 입니다. - 조건 2. n의 다음 큰 숫자와 n은 2진수로 변환했을 때 1의 갯수가 같습니다. - 조건 3. n의 다음 큰 숫자는 조건 1, 2를 만족하는 수 중 가장 작은 수 입니다. 예를 들어서 78(1001110)의 다음 큰 숫자는 83(1010011)입니다. 자연수 n이 매개변수로 주어질 때, n의 다음 큰 숫자를 return 하는 solution 함수를 완성해주세요. 💡 아이디어 i보다 큰 수부터 제한사항에 걸려있는 수까지 for문 돌면서 찾으면 되는 문제 ✏️ 풀이 function solution(n) { var answer = 0; let nBinary =..

📌 문제 0과 1로 이루어진 어떤 문자열 x에 대한 이진 변환을 다음과 같이 정의합니다. 1. x의 모든 0을 제거합니다. 2. x의 길이를 c라고 하면, x를 "c를 2진법으로 표현한 문자열"로 바꿉니다. 예를 들어, x = "0111010"이라면, x에 이진 변환을 가하면 x = "0111010" -> "1111" -> "100" 이 됩니다. 0과 1로 이루어진 문자열 s가 매개변수로 주어집니다. s가 "1"이 될 때까지 계속해서 s에 이진 변환을 가했을 때, 이진 변환의 횟수와 변환 과정에서 제거된 모든 0의 개수를 각각 배열에 담아 return 하도록 solution 함수를 완성해주세요. 💡 아이디어 전체 길이에서 0의 개수를 뺀 개수 => 2진법으로 표현될 수 개수만 구해주면 되는 쉬운 문제! ..

📌 목표는 타입스크립트에 익숙해지기 js 프로젝트를 바로 바꿀 자신은 없으므로 새 프로젝트 만들어서 붙여넣기 해가면서 하나하나 바꿔보기로 결정 리팩토링이라고 할 수 있나..🥹 ✏️ interface, type 활용해서 데이터 타입 지정하기 ✏️ Props, 매개변수 타입 지정하기 ✏️ styled-components에 타입스크립트 적용하기 ✏️ redux에 타입스크립트 적용하기 깃허브 : https://github.com/jieuny0314/Portfolio-TS 배포 : https://jieuny0314.github.io/Portfolio-TS/ 📌 가장 어려웠던 것 제일 힘들었던 건 useRef 쓸때마다 에러 났던 거.. 타입 설정해주는 거나 props넘겨주는 건 한두번 하다보니 익숙해져서 크게 어렵..

🚨🚨🚨🚨🚨🚨🚨🚨🚨🚨🚨🚨🚨 사람이 미쳐버리겠는 useRef 에러.. 📌 에러 내용 - 'HTMLFormElement | null' 형식의 인수는 'string | HTMLFormElement' 형식의 매개 변수에 할당될 수 없습니다. 'null' 형식은 'string | HTMLFormElement' 형식에 할당할 수 없습니다. ts(2345) - form 태그에서 useRef를 써서 이메일 전송하는 기능 ts로 리팩토링 하고 있었는데 발생했다. - form.current에서 빨간줄 계속 띄우면서 실행이 안된다❌ - useRef만 쓰면 에러를 만나는 것 같은데 왤까.. 날잡고 useRef만 공부를 하라는 거겠지..응ㅇ.. ✏️ 해결 방법 - 구글링해서 하란대로 해도 다 안되고..ㅠㅠㅠㅠㅠㅠㅠㅠㅠ - 찾다찾..

1. useDispatch, useSelector는 따로 hook 만들어서 사용하기 // hook.ts import { TypedUseSelectorHook, useDispatch, useSelector } from "react-redux"; import { AppDispatch, RootState } from "./store"; export const useAppDispatch: () => AppDispatch = useDispatch; export const useAppSelector: TypedUseSelectorHook = useSelector; 2. createAction 타입 설정하기(set 함수 매개변수 타입설정) const setNaviValue = createAction("naviValu..