[Project : HQRoutine] 14차 스프린트, Project 진행상황 중간정리
·
활동내역.zip/Techeer
Frontend Spec Language : TypeScript Framework : Next.js Library : Axios, Moment.js, react-paginate, react-quill, next/Image, react-slick CSS : Sass IDE : Visual Studio Code Git Hooks : Husky, Prettier, ESLint 이론 관련 문서화 내용들 JavaScript에서 화살표 함수와 function 함수의 차이점 https://time-map-installer.tistory.com/233 [JavaScript, React] const = () => {}? function () {}? 함수 표현식, 함수 선언문 중 무엇을 쓸까? 자바스크립트에서 함수를 작성..
[Design] 피그마 그리드 템플릿
·
(3D)Dev Deep Dive/Templates & Guides
웹 디자인을 할 때 필요한 피그마 그리드 템플릿입니다. Columns과 Rows로 나뉘며 스펙은 다음과 같습니다. 이런 그리드가 들어올텐데 Columns와 Rows는 Grid를 선택해서 고를 수 있습니다. 제작 후 눈 모양을 통해 켜고 끄며 그리드를 활용하여 웹 디자인을 진행할 수 있습니다. Columns(세로줄) Count Color Type Width Offset Gutter 10 FF0000, 10% Center 80 0 20 Rows(가로줄) Count Color Type Height Offset Gutter 10 FF0000, 10% Center 16 0 16 결과물 End
[Dev Setting, yarn, husky] Git Commit이 무언가에 막혀서 안된다면?
·
(3D)Dev Deep Dive/TroubleShootings
상황 설명 Project: HQRoutine IDE: Visual Studio Code Environment: Mac M1(Apple Sillicon) 상황: 맥북 초기화 이후 Project 리팩토링 중 작업 branch에서 git pull origin develop을 할 때 아래와 같은 문제 발생 사실 이건 Mac을 산 지 얼마 되지 않았을 때에도 발생했던 문제라서 이렇게 기록을 남겨두면 좋겠다 싶었습니다. 1st Trying - yarn 다시 설치해 보기 Git log 상태 2023-06-03 23:05:13.974 [info] > git -c user.useConfigOnly=true commit --quiet --allow-empty-message --file - [32ms] 2023-06-03 ..
[Dev Setting, Mariadb/Mysql] local DB 설치과정 중 NIMBY 현상 발생
·
(3D)Dev Deep Dive/TroubleShootings
아마 이 글에서 NIMBY는 이런 뜻일 겁니다. Now I am going to tell you about how I fixed error about setting Mysql and mariadb in local environment. But I can't solve this problem. so reset Your computer 2023 Series [ 2023 ] CheckPoint, 2023년 2023년 동안 작성했던 의미있다고 생각하는 포스팅들을 모아 둔 게시글입니다 이 글은 2023년이 끝날 때까지 계속해서 업데이트 해 나갈 예정입니다 [ January ] - 변화의 시작, 1월 더보기 [2022WinterBoo time-map-installer.tistory.com 문제 정의 - 왜 내 lo..
[Spring Boot] About HTTP 요청 관련 어노테이션, @도움!
·
Development Study/Backend
Spring Boot를 사용하기 위해 학습을 하던 중, 문득 HTTP 요청에 따른 어노테이션들이 무엇이 있고, 어떤 일을 하는 지 궁금했습니다. 그래서 저는 이에 대해 알아보기로 하였고, 나중에 이 글을 읽고 도움이 되었으면 하는 마음에 새 글을 작성하기로 하였습니다. @GetMapping 은 무엇인가요? @GetMapping은 Spring Framework에서 제공하는 annotation이며, 주로 HTTP GET 요청을 처리하는 메소드에 사용됩니다. 이는 @RequestMapping의 특수한 형태라고 볼 수 있습니다. 기본적으로, @GetMapping은 컨트롤러의 메소드 위에 위치하여, 특정 URL에 대한 GET 요청이 오면 그 요청을 처리할 메소드를 지정합니다. 간단한 예를 보자면 다음과 같습니다...
[JWT] Jin짜 Way렇게 어렵T? 기초 알아보기
·
Development Study/Backend
JWT를 프론트엔드와 백엔드 관점에서 살펴보자 JWT(Json Web Token) 로그인 방법은 클라이언트(프론트엔드)와 서버(백엔드) 간의 사용자 인증을 수행하는 데 주로 사용됩니다. 이 방법을 사용하면 사용자는 한 번 인증하면 해당 토큰을 계속 사용할 수 있으므로 복잡한 세션 관리를 할 필요가 없습니다. 이에 대한 설명을 프론트엔드와 백엔드의 관점에서 분할해 설명하겠습니다. 프론트엔드 사용자가 프론트엔드에서 로그인 요청을 할 때, 일반적으로 아이디와 비밀번호 등의 정보를 함께 보냅니다. 이는 일반적으로 HTTP POST 요청을 통해 이루어집니다. 로그인 요청이 성공하면 서버는 JWT를 생성하고 이를 HTTP 응답으로 클라이언트에게 보냅니다. 클라이언트(프론트엔드)는 이 토큰을 저장해야 합니다. 이를 ..