일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |
- React Hooks
- tanstack query
- 한글 공부 사이트
- 리액트 프로젝트
- 리액트 훅
- 파이썬 for in
- 타입스크립트
- Next 팀 프로젝트
- 코딩테스트
- typeScript
- 내일배움캠프 프로젝트
- 타입스크립트 props
- 내일배움캠프 최종 프로젝트
- 리액트 팀 프로젝트
- 파이썬 replace
- 자바스크립트
- js
- 내배캠 프로젝트
- useState
- JavaScript
- 파이썬 list
- 타입스크립트 리액트
- 파이썬 반복문
- 프로그래머스
- REACT
- 파이썬 for
- 리액트
- 파이썬 slice
- 파이썬 enumerate
- 내일배움캠프
- Today
- Total
목록전체 글 (210)
aotoyae
💡 REST : HTTP 를 기반으로 클라이언트가 서버의 리소스에 접근하는 방식을 규정한 아키텍처 💡 REST API : REST 를 기반으로 서비스 API 를 구현한 것 💡 HTTP 요청 메서드 : 클라이언트가 서버에게 요청의 종류와 목적(리소스에 대한 행위)을 알리는 방법 🧑🏻💻 REST 의 기본 원칙을 성실히 지킨 서비스 디자인을 "RESTful " 하다고 표현한다! 가장 중요한 기본적인 두 원칙을 알아보자. 1. URI 는 리소스를 표현하는 데 집중 리소스를 식별할 수 있는 이름은 동사보단 명사를 사용한다. 따라서 이름에 get 같은 행위에 대한 표현이 들어가면 안된다. # good GET /todos/1 # bad GET /getTodos/1 GET /todos/show/1 2. 행위에 대한 ..
💡 Axios : Promise 를 기반으로 해 HTTP 통신을 할 수 있는 라이브러리 먼저 npm install axios or yarn add axios ~ npm install json-server or yarn add json-server ~ 혹시나 EACCES 에러가 뜬다면 sudo npm install json-server 루트 경로에 db.json 파일을 만든다. { "todos": [ { "id": 1, "title": "react" } ] } 그 다음 json-server --watch db.json --port 4000 이제 App.jsx 에서 데이터를 가져와보자. import axios from "axios"; import { useEffect } from "react"; functi..
💡 input 에 한글이나 숫자를 입력할 때 maxlength 가 부자연스러운 동작을 하는데, 원하는 글자수로 딱 제한할 수 있도록 해결해보자! setNickName(e.target.value)} placeholder="최대 20자" maxLength={20} /> maxLength 로 제한을 두니 한글을 입력했을 때나, 숫자 + 한글을 입력했을 때 21 자가 입력이 되버린다. ⬇️ const handleOnInput = (e, maxlength) => { const { target: { value }, } = e; if (value.length > maxlength) e.target.value = value.substr(0, maxlength); }; // ... handleOnInput(e, 20)}..
💡 깃헙에 파일명 대소문자 바꿔 올리기! 파일 이름의 첫 글자를 대문자 or 소문자로 바꾸고 깃에 올리려 하면 로컬에서는 바뀌었어도 깃엔 올라가지 않는다. 😭 운영체제 파일시스템이 대소문자가 달라도 같은 파일로 인식하기 때문이라고𓈒𓈒𓈒 찾아보니 .. 터미널에서 명령어를 입력해 직접 바뀐 파일이라는 걸 알려줘야 된다고 한다! 파일이 들어있는 경로로 가서 ** Member.js ➡️ member.js 로 바꾸는 경우 git mv Member.js member.js 위처럼 변경하면 잘 바뀌고 업데이트 된게 적용이 된다!! 🔗 https://velog.io/@j2yn34/3u4eze2s github 파일명/폴더명 변경 (대소문자 변경) + 터미널 오류 github에 올라간 파일명/폴더명 대소문자 변경 git 명..
💡 HTTP 상태 코드를 정리해 두자! 1XX - Informational 정보 제공(진행 중) 클라이언트의 요청을 받았으며 작업을 계속 진행하고 있다. HTTP/1.1 클라이언트에게만 보낼 수 있으며 응답은 바디없이 상태 라인, 헤어(생략 가능), 빈 줄로 종료된다. 100 : continue 계속 계속 진행하라. 101 : switching protocols 프로토콜 전환 프로토콜을 전환하라. 102 : processing 처리 중 (WebDAV) 처리 중이다. 서버가 처리하는데 오랜 시간이 예상되어 클라이언트에서 타임 아웃이 발생하지 않도록 이 응답 코드를 보낸다. 2XX - Success 성공 클라이언트가 요청한 동작을 수신하여 이해하였고 승낙하였으며 성공적으로 처리하였다. 200 : OK 성공 ..
💡 json-server 를 이용해 간단한 서버를 만들어보자 먼저 npm install json-server or yarn add json-server ~ 설치가 끝나면 루트 경로에db.json 파일을 하나 만들고 데이터를 넣어준다. { "posts": [ { "id": "1", "title": "a title", "views": 100 }, { "id": "2", "title": "another title", "views": 200 } ], "comments": [ { "id": "1", "text": "a comment about post 1", "postId": "1" }, { "id": "2", "text": "another comment about post 1", "postId": "1" } ]..
💡 toolkit 을 이용해서 store 를 다른 방식으로 만들어보자! 먼저 npm install @reduxjs/toolkit ~ ✳️ 카운터 기능configStore.js// import { combineReducers, createStore } from "redux";import counter from "../modules/counter";import { configureStore } from "@reduxjs/toolkit";// const rootReducer = combineReducers({ counter });// const store = createStore(rootReducer);const store = configureStore({ reducer: { counter: configur..
💡 함수 선언문과 화살표 함수의 호출 위치에 대해 더 알아보자 코딩 테스트를 풀다가 화살표 함수를 선언 전에 호출했는데 실행이 되는 코드가 있어서 대체 왜 되는거지??!?! 하며.. 알아본 호출 위치의 비밀.. function solution(nums) { let answer = 0; for (let i = 0; i < nums.length - 2; i++) { for (let j = i + 1; j < nums.length - 1; j++) { for (let k = j + 1; k < nums.length; k++) { if (isPrime(nums[i] + nums[j] + nums[k])) { // 화살표 함수 호출 answer++; } } } } console.log(answer); // 1 }..