본문 바로가기
반응형

dev88

[프로젝트] 프론트엔드(React & Redux) 1. SPA(Single Page Application) = 단일 페이지 모던 웹 애플리케이션SPA는 웹 애플리케이션이 하나의 HTML 페이지에서 동적으로 콘텐츠를 변경하며 동작하는 방식의 애플리케이션이다.즉, 페이지 전체를 새로고침하지 않고 필요한 부분만 동적으로 변경하는 방식이다. 대표적으로 SPA 프레임워크와 라이브러리에는 React.js, Vue.js, Angular 등이 있다.초기에 필요한 모든 JS와 CSS를 가져와서 로딩이 길지만 이후에는 빠른 속도로 이용이 가능하고 새로운 페이지 요청 없이 동작이 가능하다. React는 하나의 index.html만을 사용하며 페이지를 새로고침하지 않고도 컴포넌트들을 동적으로 변경할 수 있다.이를 가능하게 하는 핵심 요소는 Virtual DOM과 React .. 2025. 2. 7.
[프로젝트] JWT + Redis 전환 1. JWT + Redis + OAuth 정리우선 기존에는 세션 + OAuth로 구현하였는데 JWT + OAuth + Redis로 변경해보려고 한다.JWT(JSON Web Token)는 인증과 정보를 안전하게 주고 받기 위한 토큰 기반 인증 방식이다.클라이언트와 서버 간의 인증을 stateless 방식으로 처리할 수 있게 설계되었다. 인증 & 인가 동작 방식1) 사용자 로그인 > OAuth 인증 서버 요청클라이언트가 OAuth 제공자(현재는 Google)에 로그인 요청을 보내고 OAuth 서버가 사용자를 인증한다.2) OAuth 서버에서 Access Token 발급인증이 완료되면 OAuth 서버는 Access Token을 클라이언트에 반환하는데 이 Access Token을 이용해서 JWT 형식을 생성하려.. 2025. 2. 6.
[Softeer - Lv2] 금고털이 문제루팡은 배낭을 하나 메고 은행금고에 들어왔다. 금고 안에는 값비싼 금, 은, 백금 등의 귀금속 덩어리가 잔뜩 들어있다. 배낭은 W ㎏까지 담을 수 있다.각 금속의 무게와 무게당 가격이 주어졌을 때 배낭을 채울 수 있는 가장 값비싼 가격은 얼마인가?루팡은 전동톱을 가지고 있으며 귀금속은 톱으로 자르면 잘려진 부분의 무게만큼 가치를 가진다. 풀이먼저 총 무게 W가 있고 W가 0이 될때까지 담을 수 있다. 먼저 vector pair로 각각 무게와 무게당 가격을 담아준다. sort를 통해서 무게가 무거운 순으로 정렬하는데 이 때 compare 함수로 second에 담긴 값이 큰 순으로 정렬해준다. 이후에 vector를 돌면서 w가 v[i].first보다 더 많이 남으면 무게만큼 다 담고 w만큼만 담을 수 있.. 2025. 2. 5.
[Softeer - Lv1] 나무 출력 문제남우는 식목일을 맞이하여 나무 한 그루를 심어보려고 합니다. 주어진 형태에 맞춰 나무 한 그루를 출력하는 프로그램을 작성해보세요. 풀이풀이 X 코드#includeusing namespace std;int main(int argc, char** argv){ ios::sync_with_stdio(false); cin.tie(0); cout 2025. 2. 5.
[Softeer - Lv1] 메리 크리스마스 문제산타는 크리스마스를 맞이하여 연탄 배달을 진행하려고 합니다. 크리스마스임을 모두에게 알리기 위해 HAPPY X-MAS 모양을 출력하는 프로그램을 작성해보세요.링크를 참고해주세요. 풀이풀이 X 코드#includeusing namespace std;int main(int argc, char** argv){ ios::sync_with_stdio(false); cin.tie(0); cout 2025. 2. 5.
[Softeer - Lv1] 위험한 효도 문제남우는 어버이날에 부모님께 선물을 사드리기 위해 게임에 참가하게 되었습니다. 게임 종목은 무궁화 꽃이 피었습니다 입니다. 무궁화 꽃이 피었습니다 게임 룰은 다음과 같습니다. 1) 남우와 술래는 처음에 거리 d 만큼 떨어져 있습니다. 2) 남우는 술래를 향해 뛰어가 술래를 터치하고 다시 출발선으로 돌아와야 합니다. 3) 남우는 술래가 뒤를 돌아보고 있을 때만 움직일 수 있으며, 앞을 바라보고 있을 때는 절대 움직일 수 없습니다. 4) 술래는 처음 a 초간은 뒤를 보고 있고, 그 다음 b 초간은 앞을 보고 있고, 다시 a 초간 뒤를, b 초간 앞을, ... 이 과정을 계속 반복합니다. 5) 남우가 술래를 터치한 직후, 술래의 움직임은 달라집니다. 터치된 직후 처음 b 초간은 뒤를 보고 있고, 그 다음 a.. 2025. 2. 5.
반응형

티스토리툴바