feat: 문제 페이지 분기 해결 (#104)

* feat:email형식 맞을 시 인증번호 입력칸 disabled해제

* feat: 회원가입 인증번호 간단 비동기 처리

* feat: 회원가입 message 작성

* feat: 회원가입 error msg까지 완성

* feat: 회원가입 서버통신 제외 완료

* feat: email 존재하는지 확인

* feat: 회원가입 목업 완성

* feat: 구글 로그인 oauth 준비

* feat: 구글 소셜 로그인 연동

* feat: 소셜로그인 수정 중

* feat: 소셜 로그인 확인

* feat: 로그인 기능 개발

* feat: 자체 로그인 개발

* feat: 로그인 코드 수정

* feat: 로그인 페이지 개발 준비

* feat: 로그인 페이지 나누기

* feat: 로그인 기능 쿠키 받기 완료

* feat:로그인 유무를 위한 HOC준비

* feat: 로그인, 회원가입시 리다이랙션 설정

* feat: xterm 준비

* feat: Xterm 준비

* feat: Xterm css도입

* feat: Xterm enter backspace 연결

* fix: 회원가입, 로그인 url 수정

* feat: xterm 준비

* fix: useffect로 인해 xterm 2개 나오는거  수정

* feat: xterm 서버와 연결

* feat: tailwind 설정 완료

* feat: font 설정 완료

* feat: login and sign button tailwind이용

* feat: login signup container css 적용

* feat: 회원가입 페이지 css 적용

* feat: loginSignUp tailwind 적용

* feat: signup메일 인증으로 변환

* fix: signip 불필요한 함수 정리

* fix: login signup css 수정

* feat: login signup description 완성

* fix: 폴더명 수정중

* fix: 폴더명 변경

* feat: git 폴더명 바꾸는중

* feat: 폴더명 변경에 맞게 파일 수정

* feat: 폴더명 수정

* feat: zustand 준비

* feat: terminal document에서  useRef로 변경

* feat: ci/cd error해결을 위한 Xterm 수정

* fix:xterm에  dynamic 도입

* feat: ssr false로 등록

* feat: xterm 수정

* feat: header 수정

* feat: Login Form 비밀번호 회원가입하기 수정

* feat: zustand 초기 세팅

* feat: zustand login 연동

* feat: accessToken 저장

* fix: 회원가입 이메일 인증 get에서 post로 변경

* feat: router custom함

* feat: 로그아웃 준비

* feat: css 수정

* feat: signup, login input name, id 입력

* feat: 소셜 로그인 준비

* feat: social 로그인 css 완성

* feat: 소셜 로그인 부분 css 수정 및 회원가입에 붙이기

* feat: 로그아웃 기능 개발, access Token 쿠키로 이동

* fix: 불필요한 코드 제거

* feat: accessToken이 없으면 /login으로 이동

* fet: middleware를 통한 엑세스 토큰 재발행

* feat: Xterm 확인 및 로그인 router 병경

* feat: xterm wss로 변경

* fix: wss 수정

* fix: xterm wss 수정

* feat: 페이지 들어올때 엑세스 토큰이 없고 리프래시 토큰이 있을시 재발급

* feat: 엑세스 토큰 시간 설정

* fix: token 시간 설정

* feat: 소셜 로그인을 위한 이미지 컴포넌트화

* feat: 소셜로그인 확인 용도

* feat: 소셜로그인 수정

* fix: 토큰 재발행 후 로그아웃 안되는 버그 fix

* feat: 배포 badgate 수정

* fix: 토큰 재발행 후 로그아웃 버그 fix

* fix: 쿠키 도메인에 따라 맞게 생성

* fix: 토큰 재발행 고치기

* fix: 다시 도전

* feat: 다시 도전

* feat: 다시 도전

* feat: 서버 url 변경

* feat: 소셜 로그인 location 위치 조정

* feat: 소셜로그인 redirect관리

* feat: next url 다시 설정

* feat: 다시 수정

* feat: url 변경

* feat: 소셜 로그인 refresh Token저장

* feat: 소셜로그인 response 밖으로 꺼내기

* feat: URL 변경

* fix: 소셜로그인 json모양 해체

* fix: 토큰 domain설정

* feat: 토큰 도메인 설정

* fix: 쿠키 설정

* fix: 개발환경 토큰 수정, 리프레시 토큰 시간 설정

* fix: hostname 확인

* fix: request.url 버그 찾기 위한 과정

* feat: next port번호 변경

* fix: footer layout으로 이동

* fix: header 버튼 재사용성 높이기 위해 정리

* feat: middleware 수정

* fix: 터미널 명령어 한줄띄기 오류 수정

* feat: 문제 페이지 엑세스 토큰 필요 기능

* feat: 바로 터미널 볼수있게 하기

* feat: footer 수정

* feat: middleware 수정

* feat: ProblemStage 세팅

* feat: postcss 오류 해결

* feat: ProgreamStage 개발

* feat: zustand를 이용한 문제페이지 개발 중

* feat: problem select 동적으로 저장

* feat: select list input에 의한 check 완성

* feat: 문제 list box 개발

* feat: 문제 리스트 외부 클릭시 문제 리스트 닫힘

* feat: 실습 문제리스트 개발 준비

* feat: accessToken 확인

* feat: 쿼리 스트링으로 보내기 준비

* feat: store 수정

* feat: store 이름 변경으로 인한 수정

* feat: 간단한 css 수정

* feat: useCheckAccess 수정

* feat: useGetStage수정

* fix: 불필요한 코드 정리

* fix: querystring으로 하기 위한 마이그래이션

* feat: query param input의 value에 맞게 제어 완료

* fix: selectedBox 수정

* fix: 쿼리 스트링으로 마이그레이션

* feat: 다시 연결

* feat: pageNation 제외 개발

* fix:git conflict 고치기

* fix: 배포 오류 수정

* fix: 문제페이지 css 수정

* fix: select tag 수정

* feat: pageNation 구현

* feat: 페이지네이션 준비

* feat: state 조정

* feat: pagenation 색변경

* feat: pagenation 완료

* hook 제어

* feat: localsotrage저장

* feat: localstorage 쿼리 사용

* feat: 코드 정리

* feat: 문제페이지 완성

* Develop (#99)

* [Fix] docker 명령어 오류 수정

* 마이페이지 사이드바 추가 (#80)

* 테스트 커밋

* 마이페이지 사이드바 추가

* 간단한 멘트 수정 (#81)

* feat:  next.js 초기 세팅

* feat: pages, component, Laout 폴더 생성 및 기본 구조틀 생성

* feat: pages routing으로 폴더및 파일 변경

* feat: app router로 교체

* feat: login, signup 환경 세팅

* feat: 확인

* feat:router 수정

* pages router 삭제

* feat: 로그인, 회원가입 세팅

* feat: 회원가입 메일 유효성 체크

* feat:form 개발

* feat:email형식 맞을 시 인증번호 입력칸 disabled해제

* feat: 회원가입 인증번호 간단 비동기 처리

* feat: 회원가입 message 작성

* feat: 회원가입 error msg까지 완성

* feat: 회원가입 서버통신 제외 완료

* feat: email 존재하는지 확인

* feat: 회원가입 목업 완성

* feat: 구글 로그인 oauth 준비

* feat: 구글 소셜 로그인 연동

* feat: 소셜로그인 수정 중

* feat: 소셜 로그인 확인

* feat: 로그인 기능 개발

* feat: 자체 로그인 개발

* feat: 로그인 코드 수정

* feat: 로그인 페이지 개발 준비

* feat: 로그인 페이지 나누기

* feat: 로그인 기능 쿠키 받기 완료

* feat:로그인 유무를 위한 HOC준비

* feat: 로그인, 회원가입시 리다이랙션 설정

* feat: xterm 준비

* feat: Xterm 준비

* feat: Xterm css도입

* feat: Xterm enter backspace 연결

* fix: 회원가입, 로그인 url 수정

* feat: xterm 준비

* fix: useffect로 인해 xterm 2개 나오는거  수정

* feat: xterm 서버와 연결

* feat: tailwind 설정 완료

* feat: font 설정 완료

* feat: login and sign button tailwind이용

* feat: login signup container css 적용

* feat: 회원가입 페이지 css 적용

* feat: loginSignUp tailwind 적용

* feat: signup메일 인증으로 변환

* fix: signip 불필요한 함수 정리

* fix: login signup css 수정

* feat: login signup description 완성

* fix: 폴더명 수정중

* fix: 폴더명 변경

* feat: git 폴더명 바꾸는중

* feat: 폴더명 변경에 맞게 파일 수정

* feat: 폴더명 수정

* feat: zustand 준비

* feat: terminal document에서  useRef로 변경

* feat: ci/cd error해결을 위한 Xterm 수정

* fix:xterm에  dynamic 도입

* feat: ssr false로 등록

* feat: xterm 수정

* feat: header 수정

* feat: Login Form 비밀번호 회원가입하기 수정

* feat: zustand 초기 세팅

* feat: zustand login 연동

* feat: accessToken 저장

* fix: 회원가입 이메일 인증 get에서 post로 변경

* feat: router custom함

* feat: 로그아웃 준비

* feat: css 수정

* feat: signup, login input name, id 입력

* feat: 소셜 로그인 준비

* feat: social 로그인 css 완성

* feat: 소셜 로그인 부분 css 수정 및 회원가입에 붙이기

* feat: 로그아웃 기능 개발, access Token 쿠키로 이동

* fix: 불필요한 코드 제거

* feat: accessToken이 없으면 /login으로 이동

* fet: middleware를 통한 엑세스 토큰 재발행

* feat: Xterm 확인 및 로그인 router 병경

* feat: xterm wss로 변경

* fix: wss 수정

* fix: xterm wss 수정

* feat: 페이지 들어올때 엑세스 토큰이 없고 리프래시 토큰이 있을시 재발급

* feat: 엑세스 토큰 시간 설정

* fix: token 시간 설정

* feat: 소셜 로그인을 위한 이미지 컴포넌트화

* feat: 소셜로그인 확인 용도

* feat: 소셜로그인 수정

* fix: 토큰 재발행 후 로그아웃 안되는 버그 fix

* feat: 배포 badgate 수정

* fix: 토큰 재발행 후 로그아웃 버그 fix

* fix: 쿠키 도메인에 따라 맞게 생성

* fix: 토큰 재발행 고치기

* fix: 다시 도전

* feat: 다시 도전

* feat: 다시 도전

* feat: 서버 url 변경

* feat: 소셜 로그인 location 위치 조정

* feat: 소셜로그인 redirect관리

* feat: next url 다시 설정

* feat: 다시 수정

* feat: url 변경

* feat: 소셜 로그인 refresh Token저장

* feat: 소셜로그인 response 밖으로 꺼내기

* feat: URL 변경

* fix: 소셜로그인 json모양 해체

* fix: 토큰 domain설정

* feat: 토큰 도메인 설정

* fix: 쿠키 설정

* fix: 개발환경 토큰 수정, 리프레시 토큰 시간 설정

* fix: hostname 확인

* fix: request.url 버그 찾기 위한 과정

* feat: next port번호 변경

* fix: footer layout으로 이동

* fix: header 버튼 재사용성 높이기 위해 정리

* feat: middleware 수정

* fix: 터미널 명령어 한줄띄기 오류 수정

* feat: 문제 페이지 엑세스 토큰 필요 기능

* feat: 바로 터미널 볼수있게 하기

* feat: footer 수정

* middleware 수정 (#83)

* feat:  next.js 초기 세팅

* feat: pages, component, Laout 폴더 생성 및 기본 구조틀 생성

* feat: pages routing으로 폴더및 파일 변경

* feat: app router로 교체

* feat: login, signup 환경 세팅

* feat: 확인

* feat:router 수정

* pages router 삭제

* feat: 로그인, 회원가입 세팅

* feat: 회원가입 메일 유효성 체크

* feat:form 개발

* feat:email형식 맞을 시 인증번호 입력칸 disabled해제

* feat: 회원가입 인증번호 간단 비동기 처리

* feat: 회원가입 message 작성

* feat: 회원가입 error msg까지 완성

* feat: 회원가입 서버통신 제외 완료

* feat: email 존재하는지 확인

* feat: 회원가입 목업 완성

* feat: 구글 로그인 oauth 준비

* feat: 구글 소셜 로그인 연동

* feat: 소셜로그인 수정 중

* feat: 소셜 로그인 확인

* feat: 로그인 기능 개발

* feat: 자체 로그인 개발

* feat: 로그인 코드 수정

* feat: 로그인 페이지 개발 준비

* feat: 로그인 페이지 나누기

* feat: 로그인 기능 쿠키 받기 완료

* feat:로그인 유무를 위한 HOC준비

* feat: 로그인, 회원가입시 리다이랙션 설정

* feat: xterm 준비

* feat: Xterm 준비

* feat: Xterm css도입

* feat: Xterm enter backspace 연결

* fix: 회원가입, 로그인 url 수정

* feat: xterm 준비

* fix: useffect로 인해 xterm 2개 나오는거  수정

* feat: xterm 서버와 연결

* feat: tailwind 설정 완료

* feat: font 설정 완료

* feat: login and sign button tailwind이용

* feat: login signup container css 적용

* feat: 회원가입 페이지 css 적용

* feat: loginSignUp tailwind 적용

* feat: signup메일 인증으로 변환

* fix: signip 불필요한 함수 정리

* fix: login signup css 수정

* feat: login signup description 완성

* fix: 폴더명 수정중

* fix: 폴더명 변경

* feat: git 폴더명 바꾸는중

* feat: 폴더명 변경에 맞게 파일 수정

* feat: 폴더명 수정

* feat: zustand 준비

* feat: terminal document에서  useRef로 변경

* feat: ci/cd error해결을 위한 Xterm 수정

* fix:xterm에  dynamic 도입

* feat: ssr false로 등록

* feat: xterm 수정

* feat: header 수정

* feat: Login Form 비밀번호 회원가입하기 수정

* feat: zustand 초기 세팅

* feat: zustand login 연동

* feat: accessToken 저장

* fix: 회원가입 이메일 인증 get에서 post로 변경

* feat: router custom함

* feat: 로그아웃 준비

* feat: css 수정

* feat: signup, login input name, id 입력

* feat: 소셜 로그인 준비

* feat: social 로그인 css 완성

* feat: 소셜 로그인 부분 css 수정 및 회원가입에 붙이기

* feat: 로그아웃 기능 개발, access Token 쿠키로 이동

* fix: 불필요한 코드 제거

* feat: accessToken이 없으면 /login으로 이동

* fet: middleware를 통한 엑세스 토큰 재발행

* feat: Xterm 확인 및 로그인 router 병경

* feat: xterm wss로 변경

* fix: wss 수정

* fix: xterm wss 수정

* feat: 페이지 들어올때 엑세스 토큰이 없고 리프래시 토큰이 있을시 재발급

* feat: 엑세스 토큰 시간 설정

* fix: token 시간 설정

* feat: 소셜 로그인을 위한 이미지 컴포넌트화

* feat: 소셜로그인 확인 용도

* feat: 소셜로그인 수정

* fix: 토큰 재발행 후 로그아웃 안되는 버그 fix

* feat: 배포 badgate 수정

* fix: 토큰 재발행 후 로그아웃 버그 fix

* fix: 쿠키 도메인에 따라 맞게 생성

* fix: 토큰 재발행 고치기

* fix: 다시 도전

* feat: 다시 도전

* feat: 다시 도전

* feat: 서버 url 변경

* feat: 소셜 로그인 location 위치 조정

* feat: 소셜로그인 redirect관리

* feat: next url 다시 설정

* feat: 다시 수정

* feat: url 변경

* feat: 소셜 로그인 refresh Token저장

* feat: 소셜로그인 response 밖으로 꺼내기

* feat: URL 변경

* fix: 소셜로그인 json모양 해체

* fix: 토큰 domain설정

* feat: 토큰 도메인 설정

* fix: 쿠키 설정

* fix: 개발환경 토큰 수정, 리프레시 토큰 시간 설정

* fix: hostname 확인

* fix: request.url 버그 찾기 위한 과정

* feat: next port번호 변경

* fix: footer layout으로 이동

* fix: header 버튼 재사용성 높이기 위해 정리

* feat: middleware 수정

* fix: 터미널 명령어 한줄띄기 오류 수정

* feat: 문제 페이지 엑세스 토큰 필요 기능

* feat: 바로 터미널 볼수있게 하기

* feat: footer 수정

* feat: middleware 수정

* [Feat] gke ci cd 플로우 추가

* [Fix] gcloud 설치 피처 오류 수정

* 마이페이지 디자인, 요소 구성 기능 x (#85)

* 테스트 커밋

* 마이페이지 사이드바 추가

* 마이페이지 간단하게 디자인, 요소추가중, 기능x

* 테스트

---------

Co-authored-by: 박규태 <79373803+KyuTae98@users.noreply.github.com>

* [Fix] gcloud auth 업데이트

* [Fix] SA_KEY 업데이트

* [Fix] SA_KEY 업데이트

* [Fix] gcloud auth install 설정 추가

* infra: 'develop-ci-cd.yaml' 비활성화

* 문제페이지 개발 중.. (#86)

* feat:  next.js 초기 세팅

* feat: pages, component, Laout 폴더 생성 및 기본 구조틀 생성

* feat: pages routing으로 폴더및 파일 변경

* feat: app router로 교체

* feat: login, signup 환경 세팅

* feat: 확인

* feat:router 수정

* pages router 삭제

* feat: 로그인, 회원가입 세팅

* feat: 회원가입 메일 유효성 체크

* feat:form 개발

* feat:email형식 맞을 시 인증번호 입력칸 disabled해제

* feat: 회원가입 인증번호 간단 비동기 처리

* feat: 회원가입 message 작성

* feat: 회원가입 error msg까지 완성

* feat: 회원가입 서버통신 제외 완료

* feat: email 존재하는지 확인

* feat: 회원가입 목업 완성

* feat: 구글 로그인 oauth 준비

* feat: 구글 소셜 로그인 연동

* feat: 소셜로그인 수정 중

* feat: 소셜 로그인 확인

* feat: 로그인 기능 개발

* feat: 자체 로그인 개발

* feat: 로그인 코드 수정

* feat: 로그인 페이지 개발 준비

* feat: 로그인 페이지 나누기

* feat: 로그인 기능 쿠키 받기 완료

* feat:로그인 유무를 위한 HOC준비

* feat: 로그인, 회원가입시 리다이랙션 설정

* feat: xterm 준비

* feat: Xterm 준비

* feat: Xterm css도입

* feat: Xterm enter backspace 연결

* fix: 회원가입, 로그인 url 수정

* feat: xterm 준비

* fix: useffect로 인해 xterm 2개 나오는거  수정

* feat: xterm 서버와 연결

* feat: tailwind 설정 완료

* feat: font 설정 완료

* feat: login and sign button tailwind이용

* feat: login signup container css 적용

* feat: 회원가입 페이지 css 적용

* feat: loginSignUp tailwind 적용

* feat: signup메일 인증으로 변환

* fix: signip 불필요한 함수 정리

* fix: login signup css 수정

* feat: login signup description 완성

* fix: 폴더명 수정중

* fix: 폴더명 변경

* feat: git 폴더명 바꾸는중

* feat: 폴더명 변경에 맞게 파일 수정

* feat: 폴더명 수정

* feat: zustand 준비

* feat: terminal document에서  useRef로 변경

* feat: ci/cd error해결을 위한 Xterm 수정

* fix:xterm에  dynamic 도입

* feat: ssr false로 등록

* feat: xterm 수정

* feat: header 수정

* feat: Login Form 비밀번호 회원가입하기 수정

* feat: zustand 초기 세팅

* feat: zustand login 연동

* feat: accessToken 저장

* fix: 회원가입 이메일 인증 get에서 post로 변경

* feat: router custom함

* feat: 로그아웃 준비

* feat: css 수정

* feat: signup, login input name, id 입력

* feat: 소셜 로그인 준비

* feat: social 로그인 css 완성

* feat: 소셜 로그인 부분 css 수정 및 회원가입에 붙이기

* feat: 로그아웃 기능 개발, access Token 쿠키로 이동

* fix: 불필요한 코드 제거

* feat: accessToken이 없으면 /login으로 이동

* fet: middleware를 통한 엑세스 토큰 재발행

* feat: Xterm 확인 및 로그인 router 병경

* feat: xterm wss로 변경

* fix: wss 수정

* fix: xterm wss 수정

* feat: 페이지 들어올때 엑세스 토큰이 없고 리프래시 토큰이 있을시 재발급

* feat: 엑세스 토큰 시간 설정

* fix: token 시간 설정

* feat: 소셜 로그인을 위한 이미지 컴포넌트화

* feat: 소셜로그인 확인 용도

* feat: 소셜로그인 수정

* fix: 토큰 재발행 후 로그아웃 안되는 버그 fix

* feat: 배포 badgate 수정

* fix: 토큰 재발행 후 로그아웃 버그 fix

* fix: 쿠키 도메인에 따라 맞게 생성

* fix: 토큰 재발행 고치기

* fix: 다시 도전

* feat: 다시 도전

* feat: 다시 도전

* feat: 서버 url 변경

* feat: 소셜 로그인 location 위치 조정

* feat: 소셜로그인 redirect관리

* feat: next url 다시 설정

* feat: 다시 수정

* feat: url 변경

* feat: 소셜 로그인 refresh Token저장

* feat: 소셜로그인 response 밖으로 꺼내기

* feat: URL 변경

* fix: 소셜로그인 json모양 해체

* fix: 토큰 domain설정

* feat: 토큰 도메인 설정

* fix: 쿠키 설정

* fix: 개발환경 토큰 수정, 리프레시 토큰 시간 설정

* fix: hostname 확인

* fix: request.url 버그 찾기 위한 과정

* feat: next port번호 변경

* fix: footer layout으로 이동

* fix: header 버튼 재사용성 높이기 위해 정리

* feat: middleware 수정

* fix: 터미널 명령어 한줄띄기 오류 수정

* feat: 문제 페이지 엑세스 토큰 필요 기능

* feat: 바로 터미널 볼수있게 하기

* feat: footer 수정

* feat: middleware 수정

* feat: ProblemStage 세팅

* feat: postcss 오류 해결

* feat: ProgreamStage 개발

* feat: zustand를 이용한 문제페이지 개발 중

* feat: problem select 동적으로 저장

* feat: select list input에 의한 check 완성

* feat: 문제 list box 개발

* feat: 문제 리스트 외부 클릭시 문제 리스트 닫힘

* feat: 실습 문제리스트 개발 준비

* 문제페이지 개발 (#88)

* feat:  next.js 초기 세팅

* feat: pages, component, Laout 폴더 생성 및 기본 구조틀 생성

* feat: pages routing으로 폴더및 파일 변경

* feat: app router로 교체

* feat: login, signup 환경 세팅

* feat: 확인

* feat:router 수정

* pages router 삭제

* feat: 로그인, 회원가입 세팅

* feat: 회원가입 메일 유효성 체크

* feat:form 개발

* feat:email형식 맞을 시 인증번호 입력칸 disabled해제

* feat: 회원가입 인증번호 간단 비동기 처리

* feat: 회원가입 message 작성

* feat: 회원가입 error msg까지 완성

* feat: 회원가입 서버통신 제외 완료

* feat: email 존재하는지 확인

* feat: 회원가입 목업 완성

* feat: 구글 로그인 oauth 준비

* feat: 구글 소셜 로그인 연동

* feat: 소셜로그인 수정 중

* feat: 소셜 로그인 확인

* feat: 로그인 기능 개발

* feat: 자체 로그인 개발

* feat: 로그인 코드 수정

* feat: 로그인 페이지 개발 준비

* feat: 로그인 페이지 나누기

* feat: 로그인 기능 쿠키 받기 완료

* feat:로그인 유무를 위한 HOC준비

* feat: 로그인, 회원가입시 리다이랙션 설정

* feat: xterm 준비

* feat: Xterm 준비

* feat: Xterm css도입

* feat: Xterm enter backspace 연결

* fix: 회원가입, 로그인 url 수정

* feat: xterm 준비

* fix: useffect로 인해 xterm 2개 나오는거  수정

* feat: xterm 서버와 연결

* feat: tailwind 설정 완료

* feat: font 설정 완료

* feat: login and sign button tailwind이용

* feat: login signup container css 적용

* feat: 회원가입 페이지 css 적용

* feat: loginSignUp tailwind 적용

* feat: signup메일 인증으로 변환

* fix: signip 불필요한 함수 정리

* fix: login signup css 수정

* feat: login signup description 완성

* fix: 폴더명 수정중

* fix: 폴더명 변경

* feat: git 폴더명 바꾸는중

* feat: 폴더명 변경에 맞게 파일 수정

* feat: 폴더명 수정

* feat: zustand 준비

* feat: terminal document에서  useRef로 변경

* feat: ci/cd error해결을 위한 Xterm 수정

* fix:xterm에  dynamic 도입

* feat: ssr false로 등록

* feat: xterm 수정

* feat: header 수정

* feat: Login Form 비밀번호 회원가입하기 수정

* feat: zustand 초기 세팅

* feat: zustand login 연동

* feat: accessToken 저장

* fix: 회원가입 이메일 인증 get에서 post로 변경

* feat: router custom함

* feat: 로그아웃 준비

* feat: css 수정

* feat: signup, login input name, id 입력

* feat: 소셜 로그인 준비

* feat: social 로그인 css 완성

* feat: 소셜 로그인 부분 css 수정 및 회원가입에 붙이기

* feat: 로그아웃 기능 개발, access Token 쿠키로 이동

* fix: 불필요한 코드 제거

* feat: accessToken이 없으면 /login으로 이동

* fet: middleware를 통한 엑세스 토큰 재발행

* feat: Xterm 확인 및 로그인 router 병경

* feat: xterm wss로 변경

* fix: wss 수정

* fix: xterm wss 수정

* feat: 페이지 들어올때 엑세스 토큰이 없고 리프래시 토큰이 있을시 재발급

* feat: 엑세스 토큰 시간 설정

* fix: token 시간 설정

* feat: 소셜 로그인을 위한 이미지 컴포넌트화

* feat: 소셜로그인 확인 용도

* feat: 소셜로그인 수정

* fix: 토큰 재발행 후 로그아웃 안되는 버그 fix

* feat: 배포 badgate 수정

* fix: 토큰 재발행 후 로그아웃 버그 fix

* fix: 쿠키 도메인에 따라 맞게 생성

* fix: 토큰 재발행 고치기

* fix: 다시 도전

* feat: 다시 도전

* feat: 다시 도전

* feat: 서버 url 변경

* feat: 소셜 로그인 location 위치 조정

* feat: 소셜로그인 redirect관리

* feat: next url 다시 설정

* feat: 다시 수정

* feat: url 변경

* feat: 소셜 로그인 refresh Token저장

* feat: 소셜로그인 response 밖으로 꺼내기

* feat: URL 변경

* fix: 소셜로그인 json모양 해체

* fix: 토큰 domain설정

* feat: 토큰 도메인 설정

* fix: 쿠키 설정

* fix: 개발환경 토큰 수정, 리프레시 토큰 시간 설정

* fix: hostname 확인

* fix: request.url 버그 찾기 위한 과정

* feat: next port번호 변경

* fix: footer layout으로 이동

* fix: header 버튼 재사용성 높이기 위해 정리

* feat: middleware 수정

* fix: 터미널 명령어 한줄띄기 오류 수정

* feat: 문제 페이지 엑세스 토큰 필요 기능

* feat: 바로 터미널 볼수있게 하기

* feat: footer 수정

* feat: middleware 수정

* feat: ProblemStage 세팅

* feat: postcss 오류 해결

* feat: ProgreamStage 개발

* feat: zustand를 이용한 문제페이지 개발 중

* feat: problem select 동적으로 저장

* feat: select list input에 의한 check 완성

* feat: 문제 list box 개발

* feat: 문제 리스트 외부 클릭시 문제 리스트 닫힘

* feat: 실습 문제리스트 개발 준비

* feat: accessToken 확인

* feat: 쿼리 스트링으로 보내기 준비

* feat: store 수정

* feat: store 이름 변경으로 인한 수정

* feat: 간단한 css 수정

* feat: useCheckAccess 수정

* feat: useGetStage수정

* fix: 불필요한 코드 정리

* fix: string query로 변경 (#89)

* feat:  next.js 초기 세팅

* feat: pages, component, Laout 폴더 생성 및 기본 구조틀 생성

* feat: pages routing으로 폴더및 파일 변경

* feat: app router로 교체

* feat: login, signup 환경 세팅

* feat: 확인

* feat:router 수정

* pages router 삭제

* feat: 로그인, 회원가입 세팅

* feat: 회원가입 메일 유효성 체크

* feat:form 개발

* feat:email형식 맞을 시 인증번호 입력칸 disabled해제

* feat: 회원가입 인증번호 간단 비동기 처리

* feat: 회원가입 message 작성

* feat: 회원가입 error msg까지 완성

* feat: 회원가입 서버통신 제외 완료

* feat: email 존재하는지 확인

* feat: 회원가입 목업 완성

* feat: 구글 로그인 oauth 준비

* feat: 구글 소셜 로그인 연동

* feat: 소셜로그인 수정 중

* feat: 소셜 로그인 확인

* feat: 로그인 기능 개발

* feat: 자체 로그인 개발

* feat: 로그인 코드 수정

* feat: 로그인 페이지 개발 준비

* feat: 로그인 페이지 나누기

* feat: 로그인 기능 쿠키 받기 완료

* feat:로그인 유무를 위한 HOC준비

* feat: 로그인, 회원가입시 리다이랙션 설정

* feat: xterm 준비

* feat: Xterm 준비

* feat: Xterm css도입

* feat: Xterm enter backspace 연결

* fix: 회원가입, 로그인 url 수정

* feat: xterm 준비

* fix: useffect로 인해 xterm 2개 나오는거  수정

* feat: xterm 서버와 연결

* feat: tailwind 설정 완료

* feat: font 설정 완료

* feat: login and sign button tailwind이용

* feat: login signup container css 적용

* feat: 회원가입 페이지 css 적용

* feat: loginSignUp tailwind 적용

* feat: signup메일 인증으로 변환

* fix: signip 불필요한 함수 정리

* fix: login signup css 수정

* feat: login signup description 완성

* fix: 폴더명 수정중

* fix: 폴더명 변경

* feat: git 폴더명 바꾸는중

* feat: 폴더명 변경에 맞게 파일 수정

* feat: 폴더명 수정

* feat: zustand 준비

* feat: terminal document에서  useRef로 변경

* feat: ci/cd error해결을 위한 Xterm 수정

* fix:xterm에  dynamic 도입

* feat: ssr false로 등록

* feat: xterm 수정

* feat: header 수정

* feat: Login Form 비밀번호 회원가입하기 수정

* feat: zustand 초기 세팅

* feat: zustand login 연동

* feat: accessToken 저장

* fix: 회원가입 이메일 인증 get에서 post로 변경

* feat: router custom함

* feat: 로그아웃 준비

* feat: css 수정

* feat: signup, login input name, id 입력

* feat: 소셜 로그인 준비

* feat: social 로그인 css 완성

* feat: 소셜 로그인 부분 css 수정 및 회원가입에 붙이기

* feat: 로그아웃 기능 개발, access Token 쿠키로 이동

* fix: 불필요한 코드 제거

* feat: accessToken이 없으면 /login으로 이동

* fet: middleware를 통한 엑세스 토큰 재발행

* feat: Xterm 확인 및 로그인 router 병경

* feat: xterm wss로 변경

* fix: wss 수정

* fix: xterm wss 수정

* feat: 페이지 들어올때 엑세스 토큰이 없고 리프래시 토큰이 있을시 재발급

* feat: 엑세스 토큰 시간 설정

* fix: token 시간 설정

* feat: 소셜 로그인을 위한 이미지 컴포넌트화

* feat: 소셜로그인 확인 용도

* feat: 소셜로그인 수정

* fix: 토큰 재발행 후 로그아웃 안되는 버그 fix

* feat: 배포 badgate 수정

* fix: 토큰 재발행 후 로그아웃 버그 fix

* fix: 쿠키 도메인에 따라 맞게 생성

* fix: 토큰 재발행 고치기

* fix: 다시 도전

* feat: 다시 도전

* feat: 다시 도전

* feat: 서버 url 변경

* feat: 소셜 로그인 location 위치 조정

* feat: 소셜로그인 redirect관리

* feat: next url 다시 설정

* feat: 다시 수정

* feat: url 변경

* feat: 소셜 로그인 refresh Token저장

* feat: 소셜로그인 response 밖으로 꺼내기

* feat: URL 변경

* fix: 소셜로그인 json모양 해체

* fix: 토큰 domain설정

* feat: 토큰 도메인 설정

* fix: 쿠키 설정

* fix: 개발환경 토큰 수정, 리프레시 토큰 시간 설정

* fix: hostname 확인

* fix: request.url 버그 찾기 위한 과정

* feat: next port번호 변경

* fix: footer layout으로 이동

* fix: header 버튼 재사용성 높이기 위해 정리

* feat: middleware 수정

* fix: 터미널 명령어 한줄띄기 오류 수정

* feat: 문제 페이지 엑세스 토큰 필요 기능

* feat: 바로 터미널 볼수있게 하기

* feat: footer 수정

* feat: middleware 수정

* feat: ProblemStage 세팅

* feat: postcss 오류 해결

* feat: ProgreamStage 개발

* feat: zustand를 이용한 문제페이지 개발 중

* feat: problem select 동적으로 저장

* feat: select list input에 의한 check 완성

* feat: 문제 list box 개발

* feat: 문제 리스트 외부 클릭시 문제 리스트 닫힘

* feat: 실습 문제리스트 개발 준비

* feat: accessToken 확인

* feat: 쿼리 스트링으로 보내기 준비

* feat: store 수정

* feat: store 이름 변경으로 인한 수정

* feat: 간단한 css 수정

* feat: useCheckAccess 수정

* feat: useGetStage수정

* fix: 불필요한 코드 정리

* fix: querystring으로 하기 위한 마이그래이션

* feat: query param input의 value에 맞게 제어 완료

* fix: selectedBox 수정

* fix: 쿼리 스트링으로 마이그레이션

* 문제페이지 개발 pagenation, loding, localsotrage저장 제외 배포 (#91)

* feat:  next.js 초기 세팅

* feat: pages, component, Laout 폴더 생성 및 기본 구조틀 생성

* feat: pages routing으로 폴더및 파일 변경

* feat: app router로 교체

* feat: login, signup 환경 세팅

* feat: 확인

* feat:router 수정

* pages router 삭제

* feat: 로그인, 회원가입 세팅

* feat: 회원가입 메일 유효성 체크

* feat:form 개발

* feat:email형식 맞을 시 인증번호 입력칸 disabled해제

* feat: 회원가입 인증번호 간단 비동기 처리

* feat: 회원가입 message 작성

* feat: 회원가입 error msg까지 완성

* feat: 회원가입 서버통신 제외 완료

* feat: email 존재하는지 확인

* feat: 회원가입 목업 완성

* feat: 구글 로그인 oauth 준비

* feat: 구글 소셜 로그인 연동

* feat: 소셜로그인 수정 중

* feat: 소셜 로그인 확인

* feat: 로그인 기능 개발

* feat: 자체 로그인 개발

* feat: 로그인 코드 수정

* feat: 로그인 페이지 개발 준비

* feat: 로그인 페이지 나누기

* feat: 로그인 기능 쿠키 받기 완료

* feat:로그인 유무를 위한 HOC준비

* feat: 로그인, 회원가입시 리다이랙션 설정

* feat: xterm 준비

* feat: Xterm 준비

* feat: Xterm css도입

* feat: Xterm enter backspace 연결

* fix: 회원가입, 로그인 url 수정

* feat: xterm 준비

* fix: useffect로 인해 xterm 2개 나오는거  수정

* feat: xterm 서버와 연결

* feat: tailwind 설정 완료

* feat: font 설정 완료

* feat: login and sign button tailwind이용

* feat: login signup container css 적용

* feat: 회원가입 페이지 css 적용

* feat: loginSignUp tailwind 적용

* feat: signup메일 인증으로 변환

* fix: signip 불필요한 함수 정리

* fix: login signup css 수정

* feat: login signup description 완성

* fix: 폴더명 수정중

* fix: 폴더명 변경

* feat: git 폴더명 바꾸는중

* feat: 폴더명 변경에 맞게 파일 수정

* feat: 폴더명 수정

* feat: zustand 준비

* feat: terminal document에서  useRef로 변경

* feat: ci/cd error해결을 위한 Xterm 수정

* fix:xterm에  dynamic 도입

* feat: ssr false로 등록

* feat: xterm 수정

* feat: header 수정

* feat: Login Form 비밀번호 회원가입하기 수정

* feat: zustand 초기 세팅

* feat: zustand login 연동

* feat: accessToken 저장

* fix: 회원가입 이메일 인증 get에서 post로 변경

* feat: router custom함

* feat: 로그아웃 준비

* feat: css 수정

* feat: signup, login input name, id 입력

* feat: 소셜 로그인 준비

* feat: social 로그인 css 완성

* feat: 소셜 로그인 부분 css 수정 및 회원가입에 붙이기

* feat: 로그아웃 기능 개발, access Token 쿠키로 이동

* fix: 불필요한 코드 제거

* feat: accessToken이 없으면 /login으로 이동

* fet: middleware를 통한 엑세스 토큰 재발행

* feat: Xterm 확인 및 로그인 router 병경

* feat: xterm wss로 변경

* fix: wss 수정

* fix: xterm wss 수정

* feat: 페이지 들어올때 엑세스 토큰이 없고 리프래시 토큰이 있을시 재발급

* feat: 엑세스 토큰 시간 설정

* fix: token 시간 설정

* feat: 소셜 로그인을 위한 이미지 컴포넌트화

* feat: 소셜로그인 확인 용도

* feat: 소셜로그인 수정

* fix: 토큰 재발행 후 로그아웃 안되는 버그 fix

* feat: 배포 badgate 수정

* fix: 토큰 재발행 후 로그아웃 버그 fix

* fix: 쿠키 도메인에 따라 맞게 생성

* fix: 토큰 재발행 고치기

* fix: 다시 도전

* feat: 다시 도전

* feat: 다시 도전

* feat: 서버 url 변경

* feat: 소셜 로그인 location 위치 조정

* feat: 소셜로그인 redirect관리

* feat: next url 다시 설정

* feat: 다시 수정

* feat: url 변경

* feat: 소셜 로그인 refresh Token저장

* feat: 소셜로그인 response 밖으로 꺼내기

* feat: URL 변경

* fix: 소셜로그인 json모양 해체

* fix: 토큰 domain설정

* feat: 토큰 도메인 설정

* fix: 쿠키 설정

* fix: 개발환경 토큰 수정, 리프레시 토큰 시간 설정

* fix: hostname 확인

* fix: request.url 버그 찾기 위한 과정

* feat: next port번호 변경

* fix: footer layout으로 이동

* fix: header 버튼 재사용성 높이기 위해 정리

* feat: middleware 수정

* fix: 터미널 명령어 한줄띄기 오류 수정

* feat: 문제 페이지 엑세스 토큰 필요 기능

* feat: 바로 터미널 볼수있게 하기

* feat: footer 수정

* Develop (#82)

* [Fix] docker 명령어 오류 수정

* 마이페이지 사이드바 추가 (#80)

* 테스트 커밋

* 마이페이지 사이드바 추가

* 간단한 멘트 수정 (#81)

* feat:  next.js 초기 세팅

* feat: pages, component, Laout 폴더 생성 및 기본 구조틀 생성

* feat: pages routing으로 폴더및 파일 변경

* feat: app router로 교체

* feat: login, signup 환경 세팅

* feat: 확인

* feat:router 수정

* pages router 삭제

* feat: 로그인, 회원가입 세팅

* feat: 회원가입 메일 유효성 체크

* feat:form 개발

* feat:email형식 맞을 시 인증번호 입력칸 disabled해제

* feat: 회원가입 인증번호 간단 비동기 처리

* feat: 회원가입 message 작성

* feat: 회원가입 error msg까지 완성

* feat: 회원가입 서버통신 제외 완료

* feat: email 존재하는지 확인

* feat: 회원가입 목업 완성

* feat: 구글 로그인 oauth 준비

* feat: 구글 소셜 로그인 연동

* feat: 소셜로그인 수정 중

* feat: 소셜 로그인 확인

* feat: 로그인 기능 개발

* feat: 자체 로그인 개발

* feat: 로그인 코드 수정

* feat: 로그인 페이지 개발 준비

* feat: 로그인 페이지 나누기

* feat: 로그인 기능 쿠키 받기 완료

* feat:로그인 유무를 위한 HOC준비

* feat: 로그인, 회원가입시 리다이랙션 설정

* feat: xterm 준비

* feat: Xterm 준비

* feat: Xterm css도입

* feat: Xterm enter backspace 연결

* fix: 회원가입, 로그인 url 수정

* feat: xterm 준비

* fix: useffect로 인해 xterm 2개 나오는거  수정

* feat: xterm 서버와 연결

* feat: tailwind 설정 완료

* feat: font 설정 완료

* feat: login and sign button tailwind이용

* feat: login signup container css 적용

* feat: 회원가입 페이지 css 적용

* feat: loginSignUp tailwind 적용

* feat: signup메일 인증으로 변환

* fix: signip 불필요한 함수 정리

* fix: login signup css 수정

* feat: login signup description 완성

* fix: 폴더명 수정중

* fix: 폴더명 변경

* feat: git 폴더명 바꾸는중

* feat: 폴더명 변경에 맞게 파일 수정

* feat: 폴더명 수정

* feat: zustand 준비

* feat: terminal document에서  useRef로 변경

* feat: ci/cd error해결을 위한 Xterm 수정

* fix:xterm에  dynamic 도입

* feat: ssr false로 등록

* feat: xterm 수정

* feat: header 수정

* feat: Login Form 비밀번호 회원가입하기 수정

* feat: zustand 초기 세팅

* feat: zustand login 연동

* feat: accessToken 저장

* fix: 회원가입 이메일 인증 get에서 post로 변경

* feat: router custom함

* feat: 로그아웃 준비

* feat: css 수정

* feat: signup, login input name, id 입력

* feat: 소셜 로그인 준비

* feat: social 로그인 css 완성

* feat: 소셜 로그인 부분 css 수정 및 회원가입에 붙이기

* feat: 로그아웃 기능 개발, access Token 쿠키로 이동

* fix: 불필요한 코드 제거

* feat: accessToken이 없으면 /login으로 이동

* fet: middleware를 통한 엑세스 토큰 재발행

* feat: Xterm 확인 및 로그인 router 병경

* feat: xterm wss로 변경

* fix: wss 수정

* fix: xterm wss 수정

* feat: 페이지 들어올때 엑세스 토큰이 없고 리프래시 토큰이 있을시 재발급

* feat: 엑세스 토큰 시간 설정

* fix: token 시간 설정

* feat: 소셜 로그인을 위한 이미지 컴포넌트화

* feat: 소셜로그인 확인 용도

* feat: 소셜로그인 수정

* fix: 토큰 재발행 후 로그아웃 안되는 버그 fix

* feat: 배포 badgate 수정

* fix: 토큰 재발행 후 로그아웃 버그 fix

* fix: 쿠키 도메인에 따라 맞게 생성

* fix: 토큰 재발행 고치기

* fix: 다시 도전

* feat: 다시 도전

* feat: 다시 도전

* feat: 서버 url 변경

* feat: 소셜 로그인 location 위치 조정

* feat: 소셜로그인 redirect관리

* feat: next url 다시 설정

* feat: 다시 수정

* feat: url 변경

* feat: 소셜 로그인 refresh Token저장

* feat: 소셜로그인 response 밖으로 꺼내기

* feat: URL 변경

* fix: 소셜로그인 json모양 해체

* fix: 토큰 domain설정

* feat: 토큰 도메인 설정

* fix: 쿠키 설정

* fix: 개발환경 토큰 수정, 리프레시 토큰 시간 설정

* fix: hostname 확인

* fix: request.url 버그 찾기 위한 과정

* feat: next port번호 변경

* fix: footer layout으로 이동

* fix: header 버튼 재사용성 높이기 위해 정리

* feat: middleware 수정

* fix: 터미널 명령어 한줄띄기 오류 수정

* feat: 문제 페이지 엑세스 토큰 필요 기능

* feat: 바로 터미널 볼수있게 하기

* feat: footer 수정

---------

Co-authored-by: JRJR519 <102293576+Jeong-Rae@users.noreply.github.com>
Co-authored-by: tracer12 <vendetta12@naver.com>

* feat: middleware 수정

* Develop middleware 수정 (#84)

* [Fix] docker 명령어 오류 수정

* 마이페이지 사이드바 추가 (#80)

* 테스트 커밋

* 마이페이지 사이드바 추가

* 간단한 멘트 수정 (#81)

* feat:  next.js 초기 세팅

* feat: pages, component, Laout 폴더 생성 및 기본 구조틀 생성

* feat: pages routing으로 폴더및 파일 변경

* feat: app router로 교체

* feat: login, signup 환경 세팅

* feat: 확인

* feat:router 수정

* pages router 삭제

* feat: 로그인, 회원가입 세팅

* feat: 회원가입 메일 유효성 체크

* feat:form 개발

* feat:email형식 맞을 시 인증번호 입력칸 disabled해제

* feat: 회원가입 인증번호 간단 비동기 처리

* feat: 회원가입 message 작성

* feat: 회원가입 error msg까지 완성

* feat: 회원가입 서버통신 제외 완료

* feat: email 존재하는지 확인

* feat: 회원가입 목업 완성

* feat: 구글 로그인 oauth 준비

* feat: 구글 소셜 로그인 연동

* feat: 소셜로그인 수정 중

* feat: 소셜 로그인 확인

* feat: 로그인 기능 개발

* feat: 자체 로그인 개발

* feat: 로그인 코드 수정

* feat: 로그인 페이지 개발 준비

* feat: 로그인 페이지 나누기

* feat: 로그인 기능 쿠키 받기 완료

* feat:로그인 유무를 위한 HOC준비

* feat: 로그인, 회원가입시 리다이랙션 설정

* feat: xterm 준비

* feat: Xterm 준비

* feat: Xterm css도입

* feat: Xterm enter backspace 연결

* fix: 회원가입, 로그인 url 수정

* feat: xterm 준비

* fix: useffect로 인해 xterm 2개 나오는거  수정

* feat: xterm 서버와 연결

* feat: tailwind 설정 완료

* feat: font 설정 완료

* feat: login and sign button tailwind이용

* feat: login signup container css 적용

* feat: 회원가입 페이지 css 적용

* feat: loginSignUp tailwind 적용

* feat: signup메일 인증으로 변환

* fix: signip 불필요한 함수 정리

* fix: login signup css 수정

* feat: login signup description 완성

* fix: 폴더명 수정중

* fix: 폴더명 변경

* feat: git 폴더명 바꾸는중

* feat: 폴더명 변경에 맞게 파일 수정

* feat: 폴더명 수정

* feat: zustand 준비

* feat: terminal document에서  useRef로 변경

* feat: ci/cd error해결을 위한 Xterm 수정

* fix:xterm에  dynamic 도입

* feat: ssr false로 등록

* feat: xterm 수정

* feat: header 수정

* feat: Login Form 비밀번호 회원가입하기 수정

* feat: zustand 초기 세팅

* feat: zustand login 연동

* feat: accessToken 저장

* fix: 회원가입 이메일 인증 get에서 post로 변경

* feat: router custom함

* feat: 로그아웃 준비

* feat: css 수정

* feat: signup, login input name, id 입력

* feat: 소셜 로그인 준비

* feat: social 로그인 css 완성

* feat: 소셜 로그인 부분 css 수정 및 회원가입에 붙이기

* feat: 로그아웃 기능 개발, access Token 쿠키로 이동

* fix: 불필요한 코드 제거

* feat: accessToken이 없으면 /login으로 이동

* fet: middleware를 통한 엑세스 토큰 재발행

* feat: Xterm 확인 및 로그인 router 병경

* feat: xterm wss로 변경

* fix: wss 수정

* fix: xterm wss 수정

* feat: 페이지 들어올때 엑세스 토큰이 없고 리프래시 토큰이 있을시 재발급

* feat: 엑세스 토큰 시간 설정

* fix: token 시간 설정

* feat: 소셜 로그인을 위한 이미지 컴포넌트화

* feat: 소셜로그인 확인 용도

* feat: 소셜로그인 수정

* fix: 토큰 재발행 후 로그아웃 안되는 버그 fix

* feat: 배포 badgate 수정

* fix: 토큰 재발행 후 로그아웃 버그 fix

* fix: 쿠키 도메인에 따라 맞게 생성

* fix: 토큰 재발행 고치기

* fix: 다시 도전

* feat: 다시 도전

* feat: 다시 도전

* feat: 서버 url 변경

* feat: 소셜 로그인 location 위치 조정

* feat: 소셜로그인 redirect관리

* feat: next url 다시 설정

* feat: 다시 수정

* feat: url 변경

* feat: 소셜 로그인 refresh Token저장

* feat: 소셜로그인 response 밖으로 꺼내기

* feat: URL 변경

* fix: 소셜로그인 json모양 해체

* fix: 토큰 domain설정

* feat: 토큰 도메인 설정

* fix: 쿠키 설정

* fix: 개발환경 토큰 수정, 리프레시 토큰 시간 설정

* fix: hostname 확인

* fix: request.url 버그 찾기 위한 과정

* feat: next port번호 변경

* fix: footer layout으로 이동

* fix: header 버튼 재사용성 높이기 위해 정리

* feat: middleware 수정

* fix: 터미널 명령어 한줄띄기 오류 수정

* feat: 문제 페이지 엑세스 토큰 필요 기능

* feat: 바로 터미널 볼수있게 하기

* feat: footer 수정

* middleware 수정 (#83)

* feat:  next.js 초기 세팅

* feat: pages, component, Laout 폴더 생성 및 기본 구조틀 생성

* feat: pages routing으로 폴더및 파일 변경

* feat: app router로 교체

* feat: login, signup 환경 세팅

* feat: 확인

* feat:router 수정

* pages router 삭제

* feat: 로그인, 회원가입 세팅

* feat: 회원가입 메일 유효성 체크

* feat:form 개발

* feat:email형식 맞을 시 인증번호 입력칸 disabled해제

* feat: 회원가입 인증번호 간단 비동기 처리

* feat: 회원가입 message 작성

* feat: 회원가입 error msg까지 완성

* feat: 회원가입 서버통신 제외 완료

* feat: email 존재하는지 확인

* feat: 회원가입 목업 완성

* feat: 구글 로그인 oauth 준비

* feat: 구글 소셜 로그인 연동

* feat: 소셜로그인 수정 중

* feat: 소셜 로그인 확인

* feat: 로그인 기능 개발

* feat: 자체 로그인 개발

* feat: 로그인 코드 수정

* feat: 로그인 페이지 개발 준비

* feat: 로그인 페이지 나누기

* feat: 로그인 기능 쿠키 받기 완료

* feat:로그인 유무를 위한 HOC준비

* feat: 로그인, 회원가입시 리다이랙션 설정

* feat: xterm 준비

* feat: Xterm 준비

* feat: Xterm css도입

* feat: Xterm enter backspace 연결

* fix: 회원가입, 로그인 url 수정

* feat: xterm 준비

* fix: useffect로 인해 xterm 2개 나오는거  수정

* feat: xterm 서버와 연결

* feat: tailwind 설정 완료

* feat: font 설정 완료

* feat: login and sign button tailwind이용

* feat: login signup container css 적용

* feat: 회원가입 페이지 css 적용

* feat: loginSignUp tailwind 적용

* feat: signup메일 인증으로 변환

* fix: signip 불필요한 함수 정리

* fix: login signup css 수정

* feat: login signup description 완성

* fix: 폴더명 수정중

* fix: 폴더명 변경

* feat: git 폴더명 바꾸는중

* feat: 폴더명 변경에 맞게 파일 수정

* feat: 폴더명 수정

* feat: zustand 준비

* feat: terminal document에서  useRef로 변경

* feat: ci/cd error해결을 위한 Xterm 수정

* fix:xterm에  dynamic 도입

* feat: ssr false로 등록

* feat: xterm 수정

* feat: header 수정

* feat: Login Form 비밀번호 회원가입하기 수정

* feat: zustand 초기 세팅

* feat: zustand login 연동

* feat: accessToken 저장

* fix: 회원가입 이메일 인증 get에서 post로 변경

* feat: router custom함

* feat: 로그아웃 준비

* feat: css 수정

* feat: signup, login input name, id 입력

* feat: 소셜 로그인 준비

* feat: social 로그인 css 완성

* feat: 소셜 로그인 부분 css 수정 및 회원가입에 붙이기

* feat: 로그아웃 기능 개발, access Token 쿠키로 이동

* fix: 불필요한 코드 제거

* feat: accessToken이 없으면 /login으로 이동

* fet: middleware를 통한 엑세스 토큰 재발행

* feat: Xterm 확인 및 로그인 router 병경

* feat: xterm wss로 변경

* fix: wss 수정

* fix: xterm wss 수정

* feat: 페이지 들어올때 엑세스 토큰이 없고 리프래시 토큰이 있을시 재발급

* feat: 엑세스 토큰 시간 설정

* fix: token 시간 설정

* feat: 소셜 로그인을 위한 이미지 컴포넌트화

* feat: 소셜로그인 확인 용도

* feat: 소셜로그인 수정

* fix: 토큰 재발행 후 로그아웃 안되는 버그 fix

* feat: 배포 badgate 수정

* fix: 토큰 재발행 후 로그아웃 버그 fix

* fix: 쿠키 도메인에 따라 맞게 생성

* fix: 토큰 재발행 고치기

* fix: 다시 도전

* feat: 다시 도전

* feat: 다시 도전

* feat: 서버 url 변경

* feat: 소셜 로그인 location 위치 조정

* feat: 소셜로그인 redirect관리

* feat: next url 다시 설정

* feat: 다시 수정

* feat: url 변경

* feat: 소셜 로그인 refresh Token저장

* feat: 소셜로그인 response 밖으로 꺼내기

* feat: URL 변경

* fix: 소셜로그인 json모양 해체

* fix: 토큰 domain설정

* feat: 토큰 도메인 설정

* fix: 쿠키 설정

* fix: 개발환경 토큰 수정, 리프레시 토큰 시간 설정

* fix: hostname 확인

* fix: request.url 버그 찾기 위한 과정

* feat: next port번호 변경

* fix: footer layout으로 이동

* fix: header 버튼 재사용성 높이기 위해 정리

* feat: middleware 수정

* fix: 터미널 명령어 한줄띄기 오류 수정

* feat: 문제 페이지 엑세스 토큰 필요 기능

* feat: 바로 터미널 볼수있게 하기

* feat: footer 수정

* feat: middleware 수정

---------

Co-authored-by: JRJR519 <102293576+Jeong-Rae@users.noreply.github.com>
Co-authored-by: tracer12 <vendetta12@naver.com>

* feat: ProblemStage 세팅

* feat: postcss 오류 해결

* feat: ProgreamStage 개발

* [Feat] gke ci cd 플로우 추가

* feat: zustand를 이용한 문제페이지 개발 중

* feat: problem select 동적으로 저장

* feat: select list input에 의한 check 완성

* feat: 문제 list box 개발

* feat: 문제 리스트 외부 클릭시 문제 리스트 닫힘

* [Infra] 'develop-ci-cd.yaml' 비활성화

* infra: main ci cd k8s버전 추가

* infra: 이전 cicd 설정 블락

* infra: main ci cd k8s 버전 추가

* infra: main ci cd k8s 버전 추가

* feat: 실습 문제리스트 개발 준비

* feat: accessToken 확인

* feat: 쿼리 스트링으로 보내기 준비

* feat: store 수정

* feat: store 이름 변경으로 인한 수정

* feat: 간단한 css 수정

* feat: useCheckAccess 수정

* feat: useGetStage수정

* fix: 불필요한 코드 정리

* fix: querystring으로 하기 위한 마이그래이션

* feat: query param input의 value에 맞게 제어 완료

* fix: selectedBox 수정

* fix: 쿼리 스트링으로 마이그레이션

* feat: 다시 연결

* feat: pageNation 제외 개발

---------

Co-authored-by: JRJR519 <102293576+Jeong-Rae@users.noreply.github.com>
Co-authored-by: tracer12 <vendetta12@naver.com>

* fix: git 충돌 고치기 (#93)

* feat:  next.js 초기 세팅

* feat: pages, component, Laout 폴더 생성 및 기본 구조틀 생성

* feat: pages routing으로 폴더및 파일 변경

* feat: app router로 교체

* feat: login, signup 환경 세팅

* feat: 확인

* feat:router 수정

* pages router 삭제

* feat: 로그인, 회원가입 세팅

* feat: 회원가입 메일 유효성 체크

* feat:form 개발

* feat:email형식 맞을 시 인증번호 입력칸 disabled해제

* feat: 회원가입 인증번호 간단 비동기 처리

* feat: 회원가입 message 작성

* feat: 회원가입 error msg까지 완성

* feat: 회원가입 서버통신 제외 완료

* feat: email 존재하는지 확인

* feat: 회원가입 목업 완성

* feat: 구글 로그인 oauth 준비

* feat: 구글 소셜 로그인 연동

* feat: 소셜로그인 수정 중

* feat: 소셜 로그인 확인

* feat: 로그인 기능 개발

* feat: 자체 로그인 개발

* feat: 로그인 코드 수정

* feat: 로그인 페이지 개발 준비

* feat: 로그인 페이지 나누기

* feat: 로그인 기능 쿠키 받기 완료

* feat:로그인 유무를 위한 HOC준비

* feat: 로그인, 회원가입시 리다이랙션 설정

* feat: xterm 준비

* feat: Xterm 준비

* feat: Xterm css도입

* feat: Xterm enter backspace 연결

* fix: 회원가입, 로그인 url 수정

* feat: xterm 준비

* fix: useffect로 인해 xterm 2개 나오는거  수정

* feat: xterm 서버와 연결

* feat: tailwind 설정 완료

* feat: font 설정 완료

* feat: login and sign button tailwind이용

* feat: login signup container css 적용

* feat: 회원가입 페이지 css 적용

* feat: loginSignUp tailwind 적용

* feat: signup메일 인증으로 변환

* fix: signip 불필요한 함수 정리

* fix: login signup css 수정

* feat: login signup description 완성

* fix: 폴더명 수정중

* fix: 폴더명 변경

* feat: git 폴더명 바꾸는중

* feat: 폴더명 변경에 맞게 파일 수정

* feat: 폴더명 수정

* feat: zustand 준비

* feat: terminal document에서  useRef로 변경

* feat: ci/cd error해결을 위한 Xterm 수정

* fix:xterm에  dynamic 도입

* feat: ssr false로 등록

* feat: xterm 수정

* feat: header 수정

* feat: Login Form 비밀번호 회원가입하기 수정

* feat: zustand 초기 세팅

* feat: zustand login 연동

* feat: accessToken 저장

* fix: 회원가입 이메일 인증 get에서 post로 변경

* feat: router custom함

* feat: 로그아웃 준비

* feat: css 수정

* feat: signup, login input name, id 입력

* feat: 소셜 로그인 준비

* feat: social 로그인 css 완성

* feat: 소셜 로그인 부분 css 수정 및 회원가입에 붙이기

* feat: 로그아웃 기능 개발, access Token 쿠키로 이동

* fix: 불필요한 코드 제거

* feat: accessToken이 없으면 /login으로 이동

* fet: middleware를 통한 엑세스 토큰 재발행

* feat: Xterm 확인 및 로그인 router 병경

* feat: xterm wss로 변경

* fix: wss 수정

* fix: xterm wss 수정

* feat: 페이지 들어올때 엑세스 토큰이 없고 리프래시 토큰이 있을시 재발급

* feat: 엑세스 토큰 시간 설정

* fix: token 시간 설정

* feat: 소셜 로그인을 위한 이미지 컴포넌트화

* feat: 소셜로그인 확인 용도

* feat: 소셜로그인 수정

* fix: 토큰 재발행 후 로그아웃 안되는 버그 fix

* feat: 배포 badgate 수정

* fix: 토큰 재발행 후 로그아웃 버그 fix

* fix: 쿠키 도메인에 따라 맞게 생성

* fix: 토큰 재발행 고치기

* fix: 다시 도전

* feat: 다시 도전

* feat: 다시 도전

* feat: 서버 url 변경

* feat: 소셜 로그인 location 위치 조정

* feat: 소셜로그인 redirect관리

* feat: next url 다시 설정

* feat: 다시 수정

* feat: url 변경

* feat: 소셜 로그인 refresh Token저장

* feat: 소셜로그인 response 밖으로 꺼내기

* feat: URL 변경

* fix: 소셜로그인 json모양 해체

* fix: 토큰 domain설정

* feat: 토큰 도메인 설정

* fix: 쿠키 설정

* fix: 개발환경 토큰 수정, 리프레시 토큰 시간 설정

* fix: hostname 확인

* fix: request.url 버그 찾기 위한 과정

* feat: next port번호 변경

* fix: footer layout으로 이동

* fix: header 버튼 재사용성 높이기 위해 정리

* feat: middleware 수정

* fix: 터미널 명령어 한줄띄기 오류 수정

* feat: 문제 페이지 엑세스 토큰 필요 기능

* feat: 바로 터미널 볼수있게 하기

* feat: footer 수정

* Develop (#82)

* [Fix] docker 명령어 오류 수정

* 마이페이지 사이드바 추가 (#80)

* 테스트 커밋

* 마이페이지 사이드바 추가

* 간단한 멘트 수정 (#81)

* feat:  next.js 초기 세팅

* feat: pages, component, Laout 폴더 생성 및 기본 구조틀 생성

* feat: pages routing으로 폴더및 파일 변경

* feat: app router로 교체

* feat: login, signup 환경 세팅

* feat: 확인

* feat:router 수정

* pages router 삭제

* feat: 로그인, 회원가입 세팅

* feat: 회원가입 메일 유효성 체크

* feat:form 개발

* feat:email형식 맞을 시 인증번호 입력칸 disabled해제

* feat: 회원가입 인증번호 간단 비동기 처리

* feat: 회원가입 message 작성

* feat: 회원가입 error msg까지 완성

* feat: 회원가입 서버통신 제외 완료

* feat: email 존재하는지 확인

* feat: 회원가입 목업 완성

* feat: 구글 로그인 oauth 준비

* feat: 구글 소셜 로그인 연동

* feat: 소셜로그인 수정 중

* feat: 소셜 로그인 확인

* feat: 로그인 기능 개발

* feat: 자체 로그인 개발

* feat: 로그인 코드 수정

* feat: 로그인 페이지 개발 준비

* feat: 로그인 페이지 나누기

* feat: 로그인 기능 쿠키 받기 완료

* feat:로그인 유무를 위한 HOC준비

* feat: 로그인, 회원가입시 리다이랙션 설정

* feat: xterm 준비

* feat: Xterm 준비

* feat: Xterm css도입

* feat: Xterm enter backspace 연결

* fix: 회원가입, 로그인 url 수정

* feat: xterm 준비

* fix: useffect로 인해 xterm 2개 나오는거  수정

* feat: xterm 서버와 연결

* feat: tailwind 설정 완료

* feat: font 설정 완료

* feat: login and sign button tailwind이용

* feat: login signup container css 적용

* feat: 회원가입 페이지 css 적용

* feat: loginSignUp tailwind 적용

* feat: signup메일 인증으로 변환

* fix: signip 불필요한 함수 정리

* fix: login signup css 수정

* feat: login signup description 완성

* fix: 폴더명 수정중

* fix: 폴더명 변경

* feat: git 폴더명 바꾸는중

* feat: 폴더명 변경에 맞게 파일 수정

* feat: 폴더명 수정

* feat: zustand 준비

* feat: terminal document에서  useRef로 변경

* feat: ci/cd error해결을 위한 Xterm 수정

* fix:xterm에  dynamic 도입

* feat: ssr false로 등록

* feat: xterm 수정

* feat: header 수정

* feat: Login Form 비밀번호 회원가입하기 수정

* feat: zustand 초기 세팅

* feat: zustand login 연동

* feat: accessToken 저장

* fix: 회원가입 이메일 인증 get에서 post로 변경

* feat: router custom함

* feat: 로그아웃 준비

* feat: css 수정

* feat: signup, login input name, id 입력

* feat: 소셜 로그인 준비

* feat: social 로그인 css 완성

* feat: 소셜 로그인 부분 css 수정 및 회원가입에 붙이기

* feat: 로그아웃 기능 개발, access Token 쿠키로 이동

* fix: 불필요한 코드 제거

* feat: accessToken이 없으면 /login으로 이동

* fet: middleware를 통한 엑세스 토큰 재발행

* feat: Xterm 확인 및 로그인 router 병경

* feat: xterm wss로 변경

* fix: wss 수정

* fix: xterm wss 수정

* feat: 페이지 들어올때 엑세스 토큰이 없고 리프래시 토큰이 있을시 재발급

* feat: 엑세스 토큰 시간 설정

* fix: token 시간 설정

* feat: 소셜 로그인을 위한 이미지 컴포넌트화

* feat: 소셜로그인 확인 용도

* feat: 소셜로그인 수정

* fix: 토큰 재발행 후 로그아웃 안되는 버그 fix

* feat: 배포 badgate 수정

* fix: 토큰 재발행 후 로그아웃 버그 fix

* fix: 쿠키 도메인에 따라 맞게 생성

* fix: 토큰 재발행 고치기

* fix: 다시 도전

* feat: 다시 도전

* feat: 다시 도전

* feat: 서버 url 변경

* feat: 소셜 로그인 location 위치 조정

* feat: 소셜로그인 redirect관리

* feat: next url 다시 설정

* feat: 다시 수정

* feat: url 변경

* feat: 소셜 로그인 refresh Token저장

* feat: 소셜로그인 response 밖으로 꺼내기

* feat: URL 변경

* fix: 소셜로그인 json모양 해체

* fix: 토큰 domain설정

* feat: 토큰 도메인 설정

* fix: 쿠키 설정

* fix: 개발환경 토큰 수정, 리프레시 토큰 시간 설정

* fix: hostname 확인

* fix: request.url 버그 찾기 위한 과정

* feat: next port번호 변경

* fix: footer layout으로 이동

* fix: header 버튼 재사용성 높이기 위해 정리

* feat: middleware 수정

* fix: 터미널 명령어 한줄띄기 오류 수정

* feat: 문제 페이지 엑세스 토큰 필요 기능

* feat: 바로 터미널 볼수있게 하기

* feat: footer 수정

---------

Co-authored-by: JRJR519 <102293576+Jeong-Rae@users.noreply.github.com>
Co-authored-by: tracer12 <vendetta12@naver.com>

* feat: middleware 수정

* Develop middleware 수정 (#84)

* [Fix] docker 명령어 오류 수정

* 마이페이지 사이드바 추가 (#80)

* 테스트 커밋

* 마이페이지 사이드바 추가

* 간단한 멘트 수정 (#81)

* feat:  next.js 초기 세팅

* feat: pages, component, Laout 폴더 생성 및 기본 구조틀 생성

* feat: pages routing으로 폴더및 파일 변경

* feat: app router로 교체

* feat: login, signup 환경 세팅

* feat: 확인

* feat:router 수정

* pages router 삭제

* feat: 로그인, 회원가입 세팅

* feat: 회원가입 메일 유효성 체크

* feat:form 개발

* feat:email형식 맞을 시 인증번호 입력칸 disabled해제

* feat: 회원가입 인증번호 간단 비동기 처리

* feat: 회원가입 message 작성

* feat: 회원가입 error msg까지 완성

* feat: 회원가입 서버통신 제외 완료

* feat: email 존재하는지 확인

* feat: 회원가입 목업 완성

* feat: 구글 로그인 oauth 준비

* feat: 구글 소셜 로그인 연동

* feat: 소셜로그인 수정 중

* feat: 소셜 로그인 확인

* feat: 로그인 기능 개발

* feat: 자체 로그인 개발

* feat: 로그인 코드 수정

* feat: 로그인 페이지 개발 준비

* feat: 로그인 페이지 나누기

* feat: 로그인 기능 쿠키 받기 완료

* feat:로그인 유무를 위한 HOC준비

* feat: 로그인, 회원가입시 리다이랙션 설정

* feat: xterm 준비

* feat: Xterm 준비

* feat: Xterm css도입

* feat: Xterm enter backspace 연결

* fix: 회원가입, 로그인 url 수정

* feat: xterm 준비

* fix: useffect로 인해 xterm 2개 나오는거  수정

* feat: xterm 서버와 연결

* feat: tailwind 설정 완료

* feat: font 설정 완료

* feat: login and sign button tailwind이용

* feat: login signup container css 적용

* feat: 회원가입 페이지 css 적용

* feat: loginSignUp tailwind 적용

* feat: signup메일 인증으로 변환

* fix: signip 불필요한 함수 정리

* fix: login signup css 수정

* feat: login signup description 완성

* fix: 폴더명 수정중

* fix: 폴더명 변경

* feat: git 폴더명 바꾸는중

* feat: 폴더명 변경에 맞게 파일 수정

* feat: 폴더명 수정

* feat: zustand 준비

* feat: terminal document에서  useRef로 변경

* feat: ci/cd error해결을 위한 Xterm 수정

* fix:xterm에  dynamic 도입

* feat: ssr false로 등록

* feat: xterm 수정

* feat: header 수정

* feat: Login Form 비밀번호 회원가입하기 수정

* feat: zustand 초기 세팅

* feat: zustand login 연동

* feat: accessToken 저장

* fix: 회원가입 이메일 인증 get에서 post로 변경

* feat: router custom함

* feat: 로그아웃 준비

* feat: css 수정

* feat: signup, login input name, id 입력

* feat: 소셜 로그인 준비

* feat: social 로그인 css 완성

* feat: 소셜 로그인 부분 css 수정 및 회원가입에 붙이기

* feat: 로그아웃 기능 개발, access Token 쿠키로 이동

* fix: 불필요한 코드 제거

* feat: accessToken이 없으면 /login으로 이동

* fet: middleware를 통한 엑세스 토큰 재발행

* feat: Xterm 확인 및 로그인 router 병경

* feat: xterm wss로 변경

* fix: wss 수정

* fix: xterm wss 수정

* feat: 페이지 들어올때 엑세스 토큰이 없고 리프래시 토큰이 있을시 재발급

* feat: 엑세스 토큰 시간 설정

* fix: token 시간 설정

* feat: 소셜 로그인을 위한 이미지 컴포넌트화

* feat: 소셜로그인 확인 용도

* feat: 소셜로그인 수정

* fix: 토큰 재발행 후 로그아웃 안되는 버그 fix

* feat: 배포 badgate 수정

* fix: 토큰 재발행 후 로그아웃 버그 fix

* fix: 쿠키 도메인에 따라 맞게 생성

* fix: 토큰 재발행 고치기

* fix: 다시 도전

* feat: 다시 도전

* feat: 다시 도전

* feat: 서버 url 변경

* feat: 소셜 로그인 location 위치 조정

* feat: 소셜로그인 redirect관리

* feat: next url 다시 설정

* feat: 다시 수정

* feat: url 변경

* feat: 소셜 로그인 refresh Token저장

* feat: 소셜로그인 response 밖으로 꺼내기

* feat: URL 변경

* fix: 소셜로그인 json모양 해체

* fix: 토큰 domain설정

* feat: 토큰 도메인 설정

* fix: 쿠키 설정

* fix: 개발환경 토큰 수정, 리프레시 토큰 시간 설정

* fix: hostname 확인

* fix: request.url 버그 찾기 위한 과정

* feat: next port번호 변경

* fix: footer layout으로 이동

* fix: header 버튼 재사용성 높이기 위해 정리

* feat: middleware 수정

* fix: 터미널 명령어 한줄띄기 오류 수정

* feat: 문제 페이지 엑세스 토큰 필요 기능

* feat: 바로 터미널 볼수있게 하기

* feat: footer 수정

* middleware 수정 (#83)

* feat:  next.js 초기 세팅

* feat: pages, component, Laout 폴더 생성 및 기본 구조틀 생성

* feat: pages routing으로 폴더및 파일 변경

* feat: app router로 교체

* feat: login, signup 환경 세팅

* feat: 확인

* feat:router 수정

* pages router 삭제

* feat: 로그인, 회원가입 세팅

* feat: 회원가입 메일 유효성 체크

* feat:form 개발

* feat:email형식 맞을 시 인증번호 입력칸 disabled해제

* feat: 회원가입 인증번호 간단 비동기 처리

* feat: 회원가입 message 작성

* feat: 회원가입 error msg까지 완성

* feat: 회원가입 서버통신 제외 완료

* feat: email 존재하는지 확인

* feat: 회원가입 목업 완성

* feat: 구글 로그인 oauth 준비

* feat: 구글 소셜 로그인 연동

* feat: 소셜로그인 수정 중

* feat: 소셜 로그인 확인

* feat: 로그인 기능 개발

* feat: 자체 로그인 개발

* feat: 로그인 코드 수정

* feat: 로그인 페이지 개발 준비

* feat: 로그인 페이지 나누기

* feat: 로그인 기능 쿠키 받기 완료

* feat:로그인 유무를 위한 HOC준비

* feat: 로그인, 회원가입시 리다이랙션 설정

* feat: xterm 준비

* feat: Xterm 준비

* feat: Xterm css도입

* feat: Xterm enter backspace 연결

* fix: 회원가입, 로그인 url 수정

* feat: xterm 준비

* fix: useffect로 인해 xterm 2개 나오는거  수정

* feat: xterm 서버와 연결

* feat: tailwind 설정 완료

* feat: font 설정 완료

* feat: login and sign button tailwind이용

* feat: login signup container css 적용

* feat: 회원가입 페이지 css 적용

* feat: loginSignUp tailwind 적용

* feat: signup메일 인증으로 변환

* fix: signip 불필요한 함수 정리

* fix: login signup css 수정

* feat: login signup description 완성

* fix: 폴더명 수정중

* fix: 폴더명 변경

* feat: git 폴더명 바꾸는중

* feat: 폴더명 변경에 맞게 파일 수정

* feat: 폴더명 수정

* feat: zustand 준비

* feat: terminal document에서  useRef로 변경

* feat: ci/cd error해결을 위한 Xterm 수정

* fix:xterm에  dynamic 도입

* feat: ssr false로 등록

* feat: xterm 수정

* feat: header 수정

* feat: Login Form 비밀번호 회원가입하기 수정

* feat: zustand 초기 세팅

* feat: zustand login 연동

* feat: accessToken 저장

* fix: 회원가입 이메일 인증 get에서 post로 변경

* feat: router custom함

* feat: 로그아웃 준비

* feat: css 수정

* feat: signup, login input name, id 입력

* feat: 소셜 로그인 준비

* feat: social 로그인 css 완성

* feat: 소셜 로그인 부분 css 수정 및 회원가입에 붙이기

* feat: 로그아웃 기능 개발, access Token 쿠키로 이동

* fix: 불필요한 코드 제거

* feat: accessToken이 없으면 /login으로 이동

* fet: middleware를 통한 엑세스 토큰 재발행

* feat: Xterm 확인 및 로그인 router 병경

* feat: xterm wss로 변경

* fix: wss 수정

* fix: xterm wss 수정

* feat: 페이지 들어올때 엑세스 토큰이 없고 리프래시 토큰이 있을시 재발급

* feat: 엑세스 토큰 시간 설정

* fix: token 시간 설정

* feat: 소셜 로그인을 위한 이미지 컴포넌트화

* feat: 소셜로그인 확인 용도

* feat: 소셜로그인 수정

* fix: 토큰 재발행 후 로그아웃 안되는 버그 fix

* feat: 배포 badgate 수정

* fix: 토큰 재발행 후 로그아웃 버그 fix

* fix: 쿠키 도메인에 따라 맞게 생성

* fix: 토큰 재발행 고치기

* fix: 다시 도전

* feat: 다시 도전

* feat: 다시 도전

* feat: 서버 url 변경

* feat: 소셜 로그인 location 위치 조정

* feat: 소셜로그인 redirect관리

* feat: next url 다시 설정

* feat: 다시 수정

* feat: url 변경

* feat: 소셜 로그인 refresh Token저장

* feat: 소셜로그인 response 밖으로 꺼내기

* feat: URL 변경

* fix: 소셜로그인 json모양 해체

* fix: 토큰 domain설정

* feat: 토큰 도메인 설정

* fix: 쿠키 설정

* fix: 개발환경 토큰 수정, 리프레시 토큰 시간 설정

* fix: hostname 확인

* fix: request.url 버그 찾기 위한 과정

* feat: next port번호 변경

* fix: footer layout으로 이동

* fix: header 버튼 재사용성 높이기 위해 정리

* feat: middleware 수정

* fix: 터미널 명령어 한줄띄기 오류 수정

* feat: 문제 페이지 엑세스 토큰 필요 기능

* feat: 바로 터미널 볼수있게 하기

* feat: footer 수정

* feat: middleware 수정

---------

Co-authored-by: JRJR519 <102293576+Jeong-Rae@users.noreply.github.com>
Co-authored-by: tracer12 <vendetta12@naver.com>

* feat: ProblemStage 세팅

* feat: postcss 오류 해결

* feat: ProgreamStage 개발

* [Feat] gke ci cd 플로우 추가

* feat: zustand를 이용한 문제페이지 개발 중

* feat: problem select 동적으로 저장

* feat: select list input에 의한 check 완성

* feat: 문제 list box 개발

* feat: 문제 리스트 외부 클릭시 문제 리스트 닫힘

* [Infra] 'develop-ci-cd.yaml' 비활성화

* infra: main ci cd k8s버전 추가

* infra: 이전 cicd 설정 블락

* infra: main ci cd k8s 버전 추가

* infra: main ci cd k8s 버전 추가

* feat: 실습 문제리스트 개발 준비

* feat: accessToken 확인

* feat: 쿼리 스트링으로 보내기 준비

* feat: store 수정

* feat: store 이름 변경으로 인한 수정

* feat: 간단한 css 수정

* feat: useCheckAccess 수정

* feat: useGetStage수정

* fix: 불필요한 코드 정리

* fix: querystring으로 하기 위한 마이그래이션

* feat: query param input의 value에 맞게 제어 완료

* fix: selectedBox 수정

* fix: 쿼리 스트링으로 마이그레이션

* feat: 다시 연결

* feat: pageNation 제외 개발

* fix:git conflict 고치기

---------

Co-authored-by: JRJR519 <102293576+Jeong-Rae@users.noreply.github.com>
Co-authored-by: tracer12 <vendetta12@naver.com>

* fix: 배포 고치기 (#94)

* feat:  next.js 초기 세팅

* feat: pages, component, Laout 폴더 생성 및 기본 구조틀 생성

* feat: pages routing으로 폴더및 파일 변경

* feat: app router로 교체

* feat: login, signup 환경 세팅

* feat: 확인

* feat:router 수정

* pages router 삭제

* feat: 로그인, 회원가입 세팅

* feat: 회원가입 메일 유효성 체크

* feat:form 개발

* feat:email형식 맞을 시 인증번호 입력칸 disabled해제

* feat: 회원가입 인증번호 간단 비동기 처리

* feat: 회원가입 message 작성

* feat: 회원가입 error msg까지 완성

* feat: 회원가입 서버통신 제외 완료

* feat: email 존재하는지 확인

* feat: 회원가입 목업 완성

* feat: 구글 로그인 oauth 준비

* feat: 구글 소셜 로그인 연동

* feat: 소셜로그인 수정 중

* feat: 소셜 로그인 확인

* feat: 로그인 기능 개발

* feat: 자체 로그인 개발

* feat: 로그인 코드 수정

* feat: 로그인 페이지 개발 준비

* feat: 로그인 페이지 나누기

* feat: 로그인 기능 쿠키 받기 완료

* feat:로그인 유무를 위한 HOC준비

* feat: 로그인, 회원가입시 리다이랙션 설정

* feat: xterm 준비

* feat: Xterm 준비

* feat: Xterm css도입

* feat: Xterm enter backspace 연결

* fix: 회원가입, 로그인 url 수정

* feat: xterm 준비

* fix: useffect로 인해 xterm 2개 나오는거  수정

* feat: xterm 서버와 연결

* feat: tailwind 설정 완료

* feat: font 설정 완료

* feat: login and sign button tailwind이용

* feat: login signup container css 적용

* feat: 회원가입 페이지 css 적용

* feat: loginSignUp tailwind 적용

* feat: signup메일 인증으로 변환

* fix: signip 불필요한 함수 정리

* fix: login signup css 수정

* feat: login signup description 완성

* fix: 폴더명 수정중

* fix: 폴더명 변경

* feat: git 폴더명 바꾸는중

* feat: 폴더명 변경에 맞게 파일 수정

* feat: 폴더명 수정

* feat: zustand 준비

* feat: terminal document에서  useRef로 변경

* feat: ci/cd error해결을 위한 Xterm 수정

* fix:xterm에  dynamic 도입

* feat: ssr false로 등록

* feat: xterm 수정

* feat: header 수정

* feat: Login Form 비밀번호 회원가입하기 수정

* feat: zustand 초기 세팅

* feat: zustand login 연동

* feat: accessToken 저장

* fix: 회원가입 이메일 인증 get에서 post로 변경

* feat: router custom함

* feat: 로그아웃 준비

* feat: css 수정

* feat: signup, login input name, id 입력

* feat: 소셜 로그인 준비

* feat: social 로그인 css 완성

* feat: 소셜 로그인 부분 css 수정 및 회원가입에 붙이기

* feat: 로그아웃 기능 개발, access Token 쿠키로 이동

* fix: 불필요한 코드 제거

* feat: accessToken이 없으면 /login으로 이동

* fet: middleware를 통한 엑세스 토큰 재발행

* feat: Xterm 확인 및 로그인 router 병경

* feat: xterm wss로 변경

* fix: wss 수정

* fix: xterm wss 수정

* feat: 페이지 들어올때 엑세스 토큰이 없고 리프래시 토큰이 있을시 재발급

* feat: 엑세스 토큰 시간 설정

* fix: token 시간 설정

* feat: 소셜 로그인을 위한 이미지 컴포넌트화

* feat: 소셜로그인 확인 용도

* feat: 소셜로그인 수정

* fix: 토큰 재발행 후 로그아웃 안되는 버그 fix

* feat: 배포 badgate 수정

* fix: 토큰 재발행 후 로그아웃 버그 fix

* fix: 쿠키 도메인에 따라 맞게 생성

* fix: 토큰 재발행 고치기

* fix: 다시 도전

* feat: 다시 도전

* feat: 다시 도전

* feat: 서버 url 변경

* feat: 소셜 로그인 location 위치 조정

* feat: 소셜로그인 redirect관리

* feat: next url 다시 설정

* feat: 다시 수정

* feat: url 변경

* feat: 소셜 로그인 refresh Token저장

* feat: 소셜로그인 response 밖으로 꺼내기

* feat: URL 변경

* fix: 소셜로그인 json모양 해체

* fix: 토큰 domain설정

* feat: 토큰 도메인 설정

* fix: 쿠키 설정

* fix: 개발환경 토큰 수정, 리프레시 토큰 시간 설정

* fix: hostname 확인

* fix: request.url 버그 찾기 위한 과정

* feat: next port번호 변경

* fix: footer layout으로 이동

* fix: header 버튼 재사용성 높이기 위해 정리

* feat: middleware 수정

* fix: 터미널 명령어 한줄띄기 오류 수정

* feat: 문제 페이지 엑세스 토큰 필요 기능

* feat: 바로 터미널 볼수있게 하기

* feat: footer 수정

* Develop (#82)

* [Fix] docker 명령어 오류 수정

* 마이페이지 사이드바 추가 (#80)

* 테스트 커밋

* 마이페이지 사이드바 추가

* 간단한 멘트 수정 (#81)

* feat:  next.js 초기 세팅

* feat: pages, component, Laout 폴더 생성 및 기본 구조틀 생성

* feat: pages routing으로 폴더및 파일 변경

* feat: app router로 교체

* feat: login, signup 환경 세팅

* feat: 확인

* feat:router 수정

* pages router 삭제

* feat: 로그인, 회원가입 세팅

* feat: 회원가입 메일 유효성 체크

* feat:form 개발

* feat:email형식 맞을 시 인증번호 입력칸 disabled해제

* feat: 회원가입 인증번호 간단 비동기 처리

* feat: 회원가입 message 작성

* feat: 회원가입 error msg까지 완성

* feat: 회원가입 서버통신 제외 완료

* feat: email 존재하는지 확인

* feat: 회원가입 목업 완성

* feat: 구글 로그인 oauth 준비

* feat: 구글 소셜 로그인 연동

* feat: 소셜로그인 수정 중

* feat: 소셜 로그인 확인

* feat: 로그인 기능 개발

* feat: 자체 로그인 개발

* feat: 로그인 코드 수정

* feat: 로그인 페이지 개발 준비

* feat: 로그인 페이지 나누기

* feat: 로그인 기능 쿠키 받기 완료

* feat:로그인 유무를 위한 HOC준비

* feat: 로그인, 회원가입시 리다이랙션 설정

* feat: xterm 준비

* feat: Xterm 준비

* feat: Xterm css도입

* feat: Xterm enter backspace 연결

* fix: 회원가입, 로그인 url 수정

* feat: xterm 준비

* fix: useffect로 인해 xterm 2개 나오는거  수정

* feat: xterm 서버와 연결

* feat: tailwind 설정 완료

* feat: font 설정 완료

* feat: login and sign button tailwind이용

* feat: login signup container css 적용

* feat: 회원가입 페이지 css 적용

* feat: loginSignUp tailwind 적용

* feat: signup메일 인증으로 변환

* fix: signip 불필요한 함수 정리

* fix: login signup css 수정

* feat: login signup description 완성

* fix: 폴더명 수정중

* fix: 폴더명 변경

* feat: git 폴더명 바꾸는중

* feat: 폴더명 변경에 맞게 파일 수정

* feat: 폴더명 수정

* feat: zustand 준비

* feat: terminal document에서  useRef로 변경

* feat: ci/cd error해결을 위한 Xterm 수정

* fix:xterm에  dynamic 도입

* feat: ssr false로 등록

* feat: xterm 수정

* feat: header 수정

* feat: Login Form 비밀번호 회원가입하기 수정

* feat: zustand 초기 세팅

* feat: zustand login 연동

* feat: accessToken 저장

* fix: 회원가입 이메일 인증 get에서 post로 변경

* feat: router custom함

* feat: 로그아웃 준비

* feat: css 수정

* feat: signup, login input name, id 입력

* feat: 소셜 로그인 준비

* feat: social 로그인 css 완성

* feat: 소셜 로그인 부분 css 수정 및 회원가입에 붙이기

* feat: 로그아웃 기능 개발, access Token 쿠키로 이동

* fix: 불필요한 코드 제거

* feat: accessToken이 없으면 /login으로 이동

* fet: middleware를 통한 엑세스 토큰 재발행

* feat: Xterm 확인 및 로그인 router 병경

* feat: xterm wss로 변경

* fix: wss 수정

* fix: xterm wss 수정

* feat: 페이지 들어올때 엑세스 토큰이 없고 리프래시 토큰이 있을시 재발급

* feat: 엑세스 토큰 시간 설정

* fix: token 시간 설정

* feat: 소셜 로그인을 위한 이미지 컴포넌트화

* feat: 소셜로그인 확인 용도

* feat: 소셜로그인 수정

* fix: 토큰 재발행 후 로그아웃 안되는 버그 fix

* feat: 배포 badgate 수정

* fix: 토큰 재발행 후 로그아웃 버그 fix

* fix: 쿠키 도메인에 따라 맞게 생성

* fix: 토큰 재발행 고치기

* fix: 다시 도전

* feat: 다시 도전

* feat: 다시 도전

* feat: 서버 url 변경

* feat: 소셜 로그인 location 위치 조정

* feat: 소셜로그인 redirect관리

* feat: next url 다시 설정

* feat: 다시 수정

* feat: url 변경

* feat: 소셜 로그인 refresh Token저장

* feat: 소셜로그인 response 밖으로 꺼내기

* feat: URL 변경

* fix: 소셜로그인 json모양 해체

* fix: 토큰 domain설정

* feat: 토큰 도메인 설정

* fix: 쿠키 설정

* fix: 개발환경 토큰 수정, 리프레시 토큰 시간 설정

* fix: hostname 확인

* fix: request.url 버그 찾기 위한 과정

* feat: next port번호 변경

* fix: footer layout으로 이동

* fix: header 버튼 재사용성 높이기 위해 정리

* feat: middleware 수정

* fix: 터미널 명령어 한줄띄기 오류 수정

* feat: 문제 페이지 엑세스 토큰 필요 기능

* feat: 바로 터미널 볼수있게 하기

* feat: footer 수정

---------

Co-authored-by: JRJR519 <102293576+Jeong-Rae@users.noreply.github.com>
Co-authored-by: tracer12 <vendetta12@naver.com>

* feat: middleware 수정

* Develop middleware 수정 (#84)

* [Fix] docker 명령어 오류 수정

* 마이페이지 사이드바 추가 (#80)

* 테스트 커밋

* 마이페이지 사이드바 추가

* 간단한 멘트 수정 (#81)

* feat:  next.js 초기 세팅

* feat: pages, component, Laout 폴더 생성 및 기본 구조틀 생성

* feat: pages routing으로 폴더및 파일 변경

* feat: app router로 교체

* feat: login, signup 환경 세팅

* feat: 확인

* feat:router 수정

* pages router 삭제

* feat: 로그인, 회원가입 세팅

* feat: 회원가입 메일 유효성 체크

* feat:form 개발

* feat:email형식 맞을 시 인증번호 입력칸 disabled해제

* feat: 회원가입 인증번호 간단 비동기 처리

* feat: 회원가입 message 작성

* feat: 회원가입 error msg까지 완성

* feat: 회원가입 서버통신 제외 완료

* feat: email 존재하는지 확인

* feat: 회원가입 목업 완성

* feat: 구글 로그인 oauth 준비

* feat: 구글 소셜 로그인 연동

* feat: 소셜로그인 수정 중

* feat: 소셜 로그인 확인

* feat: 로그인 기능 개발

* feat: 자체 로그인 개발

* feat: 로그인 코드 수정

* feat: 로그인 페이지 개발 준비

* feat: 로그인 페이지 나누기

* feat: 로그인 기능 쿠키 받기 완료

* feat:로그인 유무를 위한 HOC준비

* feat: 로그인, 회원가입시 리다이랙션 설정

* feat: xterm 준비

* feat: Xterm 준비

* feat: Xterm css도입

* feat: Xterm enter backspace 연결

* fix: 회원가입, 로그인 url 수정

* feat: xterm 준비

* fix: useffect로 인해 xterm 2개 나오는거  수정

* feat: xterm 서버와 연결

* feat: tailwind 설정 완료

* feat: font 설정 완료

* feat: login and sign button tailwind이용

* feat: login signup container css 적용

* feat: 회원가입 페이지 css 적용

* feat: loginSignUp tailwind 적용

* feat: signup메일 인증으로 변환

* fix: signip 불필요한 함수 정리

* fix: login signup css 수정

* feat: login signup description 완성

* fix: 폴더명 수정중

* fix: 폴더명 변경

* feat: git 폴더명 바꾸는중

* feat: 폴더명 변경에 맞게 파일 수정

* feat: 폴더명 수정

* feat: zustand 준비

* feat: terminal document에서  useRef로 변경

* feat: ci/cd error해결을 위한 Xterm 수정

* fix:xterm에  dynamic 도입

* feat: ssr false로 등록

* feat: xterm 수정

* feat: header 수정

* feat: Login Form 비밀번호 회원가입하기 수정

* feat: zustand 초기 세팅

* feat: zustand login 연동

* feat: accessToken 저장

* fix: 회원가입 이메일 인증 get에서 post로 변경

* feat: router custom함

* feat: 로그아웃 준비

* feat: css 수정

* feat: signup, login input name, id 입력

* feat: 소셜 로그인 준비

* feat: social 로그인 css 완성

* feat: 소셜 로그인 부분 css 수정 및 회원가입에 붙이기

* feat: 로그아웃 기능 개발, access Token 쿠키로 이동

* fix: 불필요한 코드 제거

* feat: accessToken이 없으면 /login으로 이동

* fet: middleware를 통한 엑세스 토큰 재발행

* feat: Xterm 확인 및 로그인 router 병경

* feat: xterm wss로 변경

* fix: wss 수정

* fix: xterm wss 수정

* feat: 페이지 들어올때 엑세스 토큰이 없고 리프래시 토큰이 있을시 재발급

* feat: 엑세스 토큰 시간 설정

* fix: token 시간 설정

* feat: 소셜 로그인을 위한 이미지 컴포넌트화

* feat: 소셜로그인 확인 용도

* feat: 소셜로그인 수정

* fix: 토큰 재발행 후 로그아웃 안되는 버그 fix

* feat: 배포 badgate 수정

* fix: 토큰 재발행 후 로그아웃 버그 fix

* fix: 쿠키 도메인에 따라 맞게 생성

* fix: 토큰 재발행 고치기

* fix: 다시 도전

* feat: 다시 도전

* feat: 다시 도전

* feat: 서버 url 변경

* feat: 소셜 로그인 location 위치 조정

* feat: 소셜로그인 redirect관리

* feat: next url 다시 설정

* feat: 다시 수정

* feat: url 변경

* feat: 소셜 로그인 refresh Token저장

* feat: 소셜로그인 response 밖으로 꺼내기

* feat: URL 변경

* fix: 소셜로그인 json모양 해체

* fix: 토큰 domain설정

* feat: 토큰 도메인 설정

* fix: 쿠키 설정

* fix: 개발환경 토큰 수정, 리프레시 토큰 시간 설정

* fix: hostname 확인

* fix: request.url 버그 찾기 위한 과정

* feat: next port번호 변경

* fix: footer layout으로 이동

* fix: header 버튼 재사용성 높이기 위해 정리

* feat: middleware 수정

* fix: 터미널 명령어 한줄띄기 오류 수정

* feat: 문제 페이지 엑세스 토큰 필요 기능

* feat: 바로 터미널 볼수있게 하기

* feat: footer 수정

* middleware 수정 (#83)

* feat:  next.js 초기 세팅

* feat: pages, component, Laout 폴더 생성 및 기본 구조틀 생성

* feat: pages routing으로 폴더및 파일 변경

* feat: app router로 교체

* feat: login, signup 환경 세팅

* feat: 확인

* feat:router 수정

* pages router 삭제

* feat: 로그인, 회원가입 세팅

* feat: 회원가입 메일 유효성 체크

* feat:form 개발

* feat:email형식 맞을 시 인증번호 입력칸 disabled해제

* feat: 회원가입 인증번호 간단 비동기 처리

* feat: 회원가입 message 작성

* feat: 회원가입 error msg까지 완성

* feat: 회원가입 서버통신 제외 완료

* feat: email 존재하는지 확인

* feat: 회원가입 목업 완성

* feat: 구글 로그인 oauth 준비

* feat: 구글 소셜 로그인 연동

* feat: 소셜로그인 수정 중

* feat: 소셜 로그인 확인

* feat: 로그인 기능 개발

* feat: 자체 로그인 개발

* feat: 로그인 코드 수정

* feat: 로그인 페이지 개발 준비

* feat: 로그인 페이지 나누기

* feat: 로그인 기능 쿠키 받기 완료

* feat:로그인 유무를 위한 HOC준비

* feat: 로그인, 회원가입시 리다이랙션 설정

* feat: xterm 준비

* feat: Xterm 준비

* feat: Xterm css도입

* feat: Xterm enter backspace 연결

* fix: 회원가입, 로그인 url 수정

* feat: xterm 준비

* fix: useffect로 인해 xterm 2개 나오는거  수정

* feat: xterm 서버와 연결

* feat: tailwind 설정 완료

* feat: font 설정 완료

* feat: login and sign button tailwind이용

* feat: login signup container css 적용

* feat: 회원가입 페이지 css 적용

* feat: loginSignUp tailwind 적용

* feat: signup메일 인증으로 변환

* fix: signip 불필요한 함수 정리

* fix: login signup css 수정

* feat: login signup description 완성

* fix: 폴더명 수정중

* fix: 폴더명 변경

* feat: git 폴더명 바꾸는중

* feat: 폴더명 변경에 맞게 파일 수정

* feat: 폴더명 수정

* feat: zustand 준비

* feat: terminal document에서  useRef로 변경

* feat: ci/cd error해결을 위한 Xterm 수정

* fix:xterm에  dynamic 도입

* feat: ssr false로 등록

* feat: xterm 수정

* feat: header 수정

* feat: Login Form 비밀번호 회원가입하기 수정

* feat: zustand 초기 세팅

* feat: zustand login 연동

* feat: accessToken 저장

* fix: 회원가입 이메일 인증 get에서 post로 변경

* feat: router custom함

* feat: 로그아웃 준비

* feat: css 수정

* feat: signup, login input name, id 입력

* feat: 소셜 로그인 준비

* feat: social 로그인 css 완성

* feat: 소셜 로그인 부분 css 수정 및 회원가입에 붙이기

* feat: 로그아웃 기능 개발, access Token 쿠키로 이동

* fix: 불필요한 코드 제거

* feat: accessToken이 없으면 /login으로 이동

* fet: middleware를 통한 엑세스 토큰 재발행

* feat: Xterm 확인 및 로그인 router 병경

* feat: xterm wss로 변경

* fix: wss 수정

* fix: xterm wss 수정

* feat: 페이지 들어올때 엑세스 토큰이 없고 리프래시 토큰이 있을시 재발급

* feat: 엑세스 토큰 시간 설정

* fix: token 시간 설정

* feat: 소셜 로그인을 위한 이미지 컴포넌트화

* feat: 소셜로그인 확인 용도

* feat: 소셜로그인 수정

* fix: 토큰 재발행 후 로그아웃 안되는 버그 fix

* feat: 배포 badgate 수정

* fix: 토큰 재발행 후 로그아웃 버그 fix

* fix: 쿠키 도메인에 따라 맞게 생성

* fix: 토큰 재발행 고치기

* fix: 다시 도전

* feat: 다시 도전

* feat: 다시 도전

* feat: 서버 url 변경

* feat: 소셜 로그인 location 위치 조정

* feat: 소셜로그인 redirect관리

* feat: next url 다시 설정

* feat: 다시 수정

* feat: url 변경

* feat: 소셜 로그인 refresh Token저장

* feat: 소셜로그인 response 밖으로 꺼내기

* feat: URL 변경

* fix: 소셜로그인 json모양 해체

* fix: 토큰 domain설정

* feat: 토큰 도메인 설정

* fix: 쿠키 설정

* fix: 개발환경 토큰 수정, 리프레시 토큰 시간 설정

* fix: hostname 확인

* fix: request.url 버그 찾기 위한 과정

* feat: next port번호 변경

* fix: footer layout으로 이동

* fix: header 버튼 재사용성 높이기 위해 정리

* feat: middleware 수정

* fix: 터미널 명령어 한줄띄기 오류 수정

* feat: 문제 페이지 엑세스 토큰 필요 기능

* feat: 바로 터미널 볼수있게 하기

* feat: footer 수정

* feat: middleware 수정

---------

Co-authored-by: JRJR519 <102293576+Jeong-Rae@users.noreply.github.com>
Co-authored-by: tracer12 <vendetta12@naver.com>

* feat: ProblemStage 세팅

* feat: postcss 오류 해결

* feat: ProgreamStage 개발

* [Feat] gke ci cd 플로우 추가

* feat: zustand를 이용한 문제페이지 개발 중

* feat: problem select 동적으로 저장

* feat: select list input에 의한 check 완성

* feat: 문제 list box 개발

* feat: 문제 리스트 외부 클릭시 문제 리스트 닫힘

* [Infra] 'develop-ci-cd.yaml' 비활성화

* infra: main ci cd k8s버전 추가

* infra: 이전 cicd 설정 블락

* infra: main ci cd k8s 버전 추가

* infra: main ci cd k8s 버전 추가

* feat: 실습 문제리스트 개발 준비

* feat: accessToken 확인

* feat: 쿼리 스트링으로 보내기 준비

* feat: store 수정

* feat: store 이름 변경으로 인한 수정

* feat: 간단한 css 수정

* feat: useCheckAccess 수정

* feat: useGetStage수정

* fix: 불필요한 코드 정리

* fix: querystring으로 하기 위한 마이그래이션

* feat: query param input의 value에 맞게 제어 완료

* fix: selectedBox 수정

* fix: 쿼리 스트링으로 마이그레이션

* feat: 다시 연결

* feat: pageNation 제외 개발

* fix:git conflict 고치기

* fix: 배포 오류 수정

---------

Co-authored-by: JRJR519 <102293576+Jeong-Rae@users.noreply.github.com>
Co-authored-by: tracer12 <vendetta12@naver.com>

* pr 테스트 (#87)

* 테스트 커밋

* 마이페이지 사이드바 추가

* 마이페이지 간단하게 디자인, 요소추가중, 기능x

* 테스트

---------

Co-authore…

src/components/header/Header.tsx

@@ -2,14 +2,24 @@ import HeaderBtn from "./HeaderBtn";
 import HeaderLogoutBtn from "./HeaderLogoutBtn";
 import HeaderMyPageBtn from "./HeaderMyPageBtn";
 
+import Image from 'next/image'
+
 import { cookies } from 'next/headers'
 
 const Header = () => {
     const cookiesStore = cookies();
     const POL_ACCESS_TOKEN = cookiesStore.get("POL_ACCESS_TOKEN")
     return (
         <header className="flex w-full px-40 min-h-28 justify-between items-center">
-            <HeaderBtn href="/" className="text-thema-color font-[1000] text-4xl" >Phantom of  Linux</HeaderBtn>
+            <HeaderBtn href="/" className="text-thema-color font-[1000] text-4xl" >
+                <Image 
+                    src={"./headerHomeSVG/headerHome.svg"} 
+                    alt="down"
+                    width={30}
+                    height={30}
+                    style={{ width: 'auto', height: 'auto' }}
+                />
+            </HeaderBtn>
             <nav className="flex">
                 {POL_ACCESS_TOKEN === undefined ?
                     <>

src/components/header/HeaderBtn.tsx

@@ -4,7 +4,7 @@ import Link from "next/link"
 
 interface HeaderBtnType {
     href:string,
-    children:string,
+    children:string|React.ReactNode,
     className:string,
 }
 

src/components/loading/Loading.tsx

@@ -0,0 +1,28 @@
+import React from "react";
+
+
+const Loading = () => {
+    return(
+        <div className="w-screen h-96 flex justify-center items-center" role='status' aria-label='loading'>
+               <div className="grid gap-3">
+                <div className="flex items-center justify-center">
+                  <svg className="animate-spin border-indigo-600" xmlns="http://www.w3.org/2000/svg" width="76" height="75" viewBox="0 0 76 75" fill="none">
+                    <g id="Group 1000003700">
+                      <circle id="Ellipse 715" cx="38.0004" cy="37.1953" r="28" stroke="#E5E7EB" stroke-width="8" />
+                      <path id="Ellipse 716" d="M49.8079 62.5848C53.142 61.0342 56.138 58.842 58.6248 56.1335C61.1117 53.425 63.0407 50.2532 64.3018 46.7992C65.5629 43.3452 66.1313 39.6767 65.9745 36.003C65.8178 32.3293 64.939 28.7225 63.3884 25.3884C61.8378 22.0544 59.6456 19.0584 56.9371 16.5715C54.2286 14.0847 51.0568 12.1556 47.6028 10.8946C44.1488 9.63351 40.4802 9.06511 36.8066 9.22183C33.1329 9.37855 29.5261 10.2573 26.192 11.808" stroke="url(#paint0_linear_13416_7443)" stroke-width="8" stroke-linecap="round" />
+                    </g>
+                    <defs>
+                      <linearGradient id="paint0_linear_13416_7443" x1="0.803595" y1="23.6159" x2="24.4195" y2="74.3928" gradientUnits="userSpaceOnUse">
+                        <stop stop-color="#4F46E5" />
+                        <stop offset="1" stop-color="#8B5CF6" />
+                      </linearGradient>
+                    </defs>
+                  </svg>
+                </div>
+                <span className="text-black text-sm font-normal leading-snug">Loading...</span>
+              </div>
+      </div>
+    )
+}
+
+export default Loading

src/components/problemStage/ProblemStage.tsx

@@ -2,6 +2,7 @@ import React from "react";
 
 import ProblemStageSelectContainer from "./problemStageSelect/ProblemStageSelectContainer"
 import ProblemStageContainer from "./problemStageContainer/ProblemStageContainer"
+import ProblemStageForm from "./ProblemStageForm";
 import { cookies } from "next/headers";
 
 const ProblemStage = () => {
@@ -10,6 +11,7 @@ const ProblemStage = () => {
     const POL_REFRESH_TOKEN = cookiesStore.get("POL_REFRESH_TOKEN")?.value
     return (
         <main className="w-full flex flex-col items-center justify-center">
+            <ProblemStageForm/>
             <ProblemStageSelectContainer/>
             <ProblemStageContainer 
                 accessToken={POL_ACCESS_TOKEN}

src/components/problemStage/ProblemStageForm.tsx

@@ -0,0 +1,47 @@
+"use client"
+
+import React,{useState} from "react";
+
+import { useSearchParams,useRouter,usePathname } from 'next/navigation'
+
+import Image from "next/image";
+
+const ProblemStageForm = () => {
+    const [inputValue,setInputValue] = useState<string>("")
+    const searchParams = useSearchParams();
+    const router = useRouter();
+    const pathname = usePathname();
+    const params = new URLSearchParams(searchParams);
+
+    const SubmitInput = (ele:React.FormEvent<HTMLFormElement>) => {
+        ele.preventDefault()
+        if(inputValue)
+            params.set("searchText",inputValue)
+        else params.delete("searchText")
+        router.push(pathname+"?"+params.toString());
+    };
+
+
+    return (
+        <form onSubmit={(e)=>{SubmitInput(e)}} className="flex items-center justify-center p-3 my-2 w-8/12 h-12 border-solid border rounded-md border-SelectBorder-color">
+            <button type="submit">
+                <Image 
+                    src={`./problemStage/problemStageInput.svg`} 
+                    alt="problemFind"
+                    width={20}
+                    height={20}
+                    style={{ width: '20px', height: '20px' }}
+                />
+            </button>
+            <input 
+                placeholder="문제 제목으로 찾아볼 수 있어요" 
+                className="ml-3 w-full h-full outline-none"
+                value={inputValue}
+                onChange={(e)=>setInputValue(e.target.value)}
+            />
+        </form>
+    )
+}
+
+
+export default ProblemStageForm

src/components/problemStage/ProblemStageModal.tsx

@@ -46,9 +46,4 @@ const ProblemStageModal:React.FC<ProblemStageModalType> = ({modalState,stageId,t
     )
 }
 
-export default ProblemStageModal
-
-/*
-            router.push(`/problem?stageId=${stageId}`)
-
-*/
+export default ProblemStageModal

src/components/problemStage/problemStageContainer/ProblemStageContainer.tsx

@@ -14,6 +14,7 @@ interface ProblemStageContainerType {
 
 interface Stage {
     id: string;
+    stageCode:string,
     title: string;
     description: string;
     difficultyLevelType: string;
@@ -46,6 +47,7 @@ const ProblemStageContainer:React.FC<ProblemStageContainerType> = ({accessToken,
             <div>
                 <div className="w-full h-10 px-10 flex justify-evenly items-center border-b-problemStageLi-borderWidth border-problemStageLi-color">
                     <span className="w-problemStage-isCompleted font-bold">해결</span>
+                    <span className="w-problemStage-title font-bold">문제 번호</span>
                     <span className="w-problemStage-title font-bold">제목</span>
                     <span className="w-problemStage-info font-bold">설명</span>
                     <span className="w-problemStage-width font-bold">난이도</span>
@@ -54,6 +56,7 @@ const ProblemStageContainer:React.FC<ProblemStageContainerType> = ({accessToken,
                 {stages?.map(ele=>(
                     <ProblemStagesLi 
                         key={ele.id}
+                        stageCode={ele.stageCode}
                         stageId={ele.id}
                         solved={ele?.completedStatus}
                         title={ele.title} 

src/components/problemStage/problemStageContainer/ProblemStagesLi.tsx

@@ -4,27 +4,25 @@ import React,{useState} from "react";
 
 import ProblemStageModal from "../ProblemStageModal"
 
-import { useRouter } from "next/navigation";
 import Image from 'next/image'
 
 interface ProblemStagesLiType {
     title:string,
+    stageCode:string,
     info:string,
     level:string,
     questionCount:number
     solved:string
     stageId:string
 }
 
-const ProblemStagesLi:React.FC<ProblemStagesLiType> = ({title,info,level,questionCount,solved,stageId}) => {
-    const router = useRouter();
-    const [mouseUp, setMouseUp] = useState<boolean>(false)
+const ProblemStagesLi:React.FC<ProblemStagesLiType> = ({title,stageCode,info,level,questionCount,solved,stageId}) => {
     const [modalState,setModalState] = useState<boolean>(false)
     return (
         <>
         <li onClick={()=>{
             setModalState(true)
-        }} onMouseEnter={(e)=>{setMouseUp(true)}} onMouseLeave={(e)=>{setMouseUp(false)}} className={`${mouseUp?"bg-slate-100":"bg-white"} list-none w-full px-10 h-14 flex items-center justify-evenly border-b-problemStageLi-borderWidth border-problemStageLi-color cursor-pointer`}>
+        }} className=" hover:bg-slate-100 list-none w-full px-10 h-14 flex items-center justify-evenly border-b-problemStageLi-borderWidth border-problemStageLi-color cursor-pointer">
             <span className="w-problemStage-isCompleted"> 
             {solved!=="NOT_COMPLETED"?
             <Image 
@@ -35,6 +33,7 @@ const ProblemStagesLi:React.FC<ProblemStagesLiType> = ({title,info,level,questio
                 style={{ width: '20px', height: '20px' }}
             />:""}
             </span>
+            <span className="w-problemStage-title">{stageCode}</span>
             <span className="w-problemStage-title font-bold">{title}</span>
             <span className="w-problemStage-info">{info}</span>
             <span className="w-problemStage-width">{level}</span>

src/components/xterm/Xterm.tsx

@@ -6,16 +6,17 @@ import { AttachAddon } from 'xterm-addon-attach';
 
 import 'xterm/css/xterm.css';
 
+
 interface XtermType{
-  url:string,
-  query:string
+  url:string|undefined,
+  query:string|undefined
 }
 
 const Xterm: React.FC<XtermType> = ({url,query}) => {
   const terminalRef = useRef<Terminal | null>(null);
   const xtermContainerRef = useRef<HTMLDivElement | null>(null);
   useEffect(() => {
-    if (!terminalRef.current && xtermContainerRef.current && url && query) {
+    if (!terminalRef.current && xtermContainerRef.current && url&&query) {
       const newTerminal = new Terminal();
       const websocket = new WebSocket(url);
       websocket.onopen = () => {

src/components/xterm/XtermBox.tsx

@@ -1,24 +1,53 @@
 "use client"
 
-import React from "react";
+import React,{Suspense,useState} from "react";
 
 import useGetXtermUrl from "@/hooks/useGetXtermUrl";
 
-import Xterm from "./Xterm";
+import type { Resource } from "@/lib/wrappingPromise";
+
+import XtermModal from "./XtermModal";
+import XtermUrlProvider from "./XtermUrlProvider";
+import Loding from "@/components/loading/Loading";
+
+interface CheckProblem {
+    uid: string;
+    stageId: number;
+    stageCode: string;
+    exists: boolean;
+}
 
 interface XtermBoxType {
     accessToken:string|undefined,
     refreshToken:string|undefined
+    problemSolvedCheck:Resource<CheckProblem> | undefined
 }
 
-const XtermBox:React.FC<XtermBoxType> = ({accessToken,refreshToken}) => {
-    const {url,query} = useGetXtermUrl(accessToken,refreshToken);
+const XtermBox:React.FC<XtermBoxType> = ({accessToken,refreshToken,problemSolvedCheck}) => {
+    const [ModalCheck,setModalCheck] = useState<boolean>(true);
+    const [XtermUrlCheck,setXtermUrlCheck] = useState<boolean>(true);//true-get false-post
+    const xtemrConnectUrl = useGetXtermUrl(accessToken,refreshToken,problemSolvedCheck?.read().exists,ModalCheck,XtermUrlCheck)
     return (
-        <div>
-           <Xterm url={url} query={query}/>
-        </div>
+        <Suspense fallback={<Loding/>}>
+            {problemSolvedCheck?.read().exists&&ModalCheck?
+                <>
+                    <div className="w-screen h-96"></div>
+                    <XtermModal setXtermUrlCheck={setXtermUrlCheck} setModalState={setModalCheck}/>
+                </>
+                :
+                <XtermUrlProvider xtemrConnectUrl={xtemrConnectUrl}/>
+            }
+        </Suspense>
     )
 }
 
 
-export default XtermBox
+export default XtermBox
+
+
+/*
+Xterm에 먼저 주면 안된다.. 
+problemSolvedCheck가 
+false면 get으로 주기
+ture면 modal을 이용해서 주기
+*/

src/components/xterm/XtermCheckProvider.tsx

@@ -0,0 +1,25 @@
+"use client"
+
+import React,{Suspense} from "react";
+
+import useCheckProblemSolved from "@/hooks/useCheckProblemSolved";
+
+import XtermBox from "./XtermBox";
+import Loding from "@/components/loading/Loading";
+
+interface XtermCheckProviderType {
+    accessToken:string|undefined,
+    refreshToken:string|undefined
+}
+
+const XtermCheckProvider:React.FC<XtermCheckProviderType> = ({accessToken,refreshToken}) => {
+    const problemSolvedCheck = useCheckProblemSolved(accessToken, refreshToken) 
+    return (
+        <Suspense fallback={<Loding/>}>
+            <XtermBox problemSolvedCheck={problemSolvedCheck} accessToken={accessToken} refreshToken={refreshToken}/>
+        </Suspense>
+    )
+}
+
+
+export default XtermCheckProvider

src/components/xterm/XtermContainer.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 
 import XtermQuestion from "./XtermQuestion";
-import XtermBox from "./XtermBox";
+import XtermCheckProvider from "./XtermCheckProvider";
 
 import { cookies } from "next/headers";
 
@@ -12,7 +12,7 @@ const XtermContainer = () => {
     return (
         <main>
             <XtermQuestion/>
-            <XtermBox 
+            <XtermCheckProvider 
                 accessToken={POL_ACCESS_TOKEN}
                 refreshToken={POL_REFRESH_TOKEN}
             />               

src/components/xterm/XtermModal.tsx

@@ -0,0 +1,33 @@
+import React, { SetStateAction } from "react";
+
+
+interface XternModalType {
+    setModalState:React.Dispatch<SetStateAction<boolean>>
+    setXtermUrlCheck:React.Dispatch<SetStateAction<boolean>>
+}
+
+
+const XtermModal:React.FC<XternModalType> = ({setModalState,setXtermUrlCheck}) => {
+    return (
+        <div className="flex items-center justify-center fixed z-50 w-full h-full p-4 bg-OpaqueBackground-color md:inset-0">
+            <div className="absolute max-w-md max-h-full bg-white rounded-lg shadow">
+                    <div className="flex items-center justify-between p-4 md:p-5 border-b rounded-t dark:border-gray-600">
+                        <h3 className="text-xl font-medium text-gray-900 dark:text-white">
+                            문제를 푼 흔적이 있습니다!
+                        </h3>
+                    </div>
+                <div className="p-4 md:p-5 space-y-4">
+                    <p className="text-center leading-relaxed text-gray-500 dark:text-gray-400">
+                        문제를 이어서 풀 경우 <br/> 터미널을 불러와 일정 시간 소요됩니다!
+                    </p>
+                </div>
+                <div className="flex items-center justify-center p-4 md:p-5 border-t border-gray-200 rounded-b dark:border-gray-600">
+                    <button onClick={(e)=>{setModalState(false)}}  className="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">새로 문제 풀기</button>
+                    <button onClick={(e)=>{setXtermUrlCheck(false); setModalState(false)}} className="text-white ms-3 bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">이어서 문제 풀기</button>
+                </div>
+            </div>
+        </div>
+    )
+}
+
+export default XtermModal