fix: ProblemStage List css 수정 (#100)

* 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: 쿼리 스트링으로 마이그레이션

* 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>
…

package.json

@@ -18,6 +18,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-icons": "^5.0.1",
+    "socket.io-client": "^4.7.5",
     "xterm": "^5.3.0",
     "xterm-addon-attach": "^0.9.0",
     "xterm-addon-fit": "^0.8.0",

src/app/layout.tsx

@@ -15,7 +15,7 @@ export const metadata: Metadata = {
 export default function RootLayout({
   children,
 }: {
-  children: React.ReactNode
+  children: React.ReactNode,
 }) {
   return (
     <html lang="en">

src/app/problem/page.tsx

@@ -1,13 +1,13 @@
 import React from "react";
 import dynamic from "next/dynamic";
 
-const Xterm = dynamic(()=>import("@/components/xterm/Xterm"),{ssr:false})
+const XtermContainer = dynamic(()=>import("@/components/xterm/XtermContainer"),{ssr:false})
 
 const Problem = () => {
 
     return (
         <div>
-            <Xterm/>
+            <XtermContainer/>
         </div>
     )
 }

src/components/problemStage/ProblemStage.tsx

@@ -9,7 +9,7 @@ const ProblemStage = () => {
     const POL_ACCESS_TOKEN = cookiesStore.get("POL_ACCESS_TOKEN")?.value
     const POL_REFRESH_TOKEN = cookiesStore.get("POL_REFRESH_TOKEN")?.value
     return (
-        <main className="w-screen flex flex-col items-center justify-center">
+        <main className="w-full flex flex-col items-center justify-center">
             <ProblemStageSelectContainer/>
             <ProblemStageContainer 
                 accessToken={POL_ACCESS_TOKEN}

src/components/problemStage/problemStageContainer/ProblemStageContainer.tsx

@@ -41,8 +41,8 @@ const ProblemStageContainer:React.FC<ProblemStageContainerType> = ({accessToken,
     const stages = result?.stages ?? [];
     return (
         <>
-        <span className="w-5/6 text-SelectBorder-color font-black">총<span className="text-thema-color">{(pageParameters as { totalElement: number }).totalElement}개의 스테이지</span>를 풀어볼수 있어요</span>
-        <ul className="w-5/6 flex flex-col justify-between h-problemStage-height px-1 border-solid border rounded-md border-SelectBorder-color my-4">
+        <span className="w-8/12 text-SelectBorder-color font-black">총<span className="text-thema-color">{(pageParameters as { totalElement: number }).totalElement}개의 스테이지</span>를 풀어볼수 있어요</span>
+        <ul className="w-8/12 flex flex-col justify-between h-problemStage-height px-1 border-solid border rounded-md border-SelectBorder-color my-4">
             <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>
@@ -54,6 +54,7 @@ const ProblemStageContainer:React.FC<ProblemStageContainerType> = ({accessToken,
                 {stages?.map(ele=>(
                     <ProblemStagesLi 
                         key={ele.id}
+                        stageId={ele.id}
                         solved={ele?.completedStatus}
                         title={ele.title} 
                         info={ele.description} 

src/components/problemStage/problemStageContainer/ProblemStagesLi.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import React from "react";
+import React,{useState} from "react";
 
 import { useRouter } from "next/navigation";
 import Image from 'next/image'
@@ -11,13 +11,14 @@ interface ProblemStagesLiType {
     level:string,
     questionCount:number
     solved:string
+    stageId:string
 }
 
-const ProblemStagesLi:React.FC<ProblemStagesLiType> = ({title,info,level,questionCount,solved}) => {
+const ProblemStagesLi:React.FC<ProblemStagesLiType> = ({title,info,level,questionCount,solved,stageId}) => {
     const router = useRouter();
-
+    const [mouseUp, setMouseUp] = useState<boolean>(false)
     return (
-        <li onClick={()=>{router.push("/problem")}} className="list-none w-full px-10 h-14 flex items-center justify-evenly border-b-problemStageLi-borderWidth border-problemStageLi-color cursor-pointer">
+        <li onClick={()=>{router.push(`/problem?stageId=${stageId}`)}} 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`}>
             <span className="w-problemStage-isCompleted"> 
             {solved!=="NOT_COMPLETED"?
             <Image 

src/components/problemStage/problemStageSelect/ProblemStageSelectContainer.tsx

@@ -5,7 +5,7 @@ import ProblemStageSelectedBox from "./ProblemStageSelectedBox";
 
 const ProblemStageSelectContainer = () => {
     return (
-        <div className="w-5/6">
+        <div className="w-8/12 ">
             <div className="flex">
                 <ProblemStageSelect selectName={"isCompleted"}/>
                 <ProblemStageSelect selectName={"stageGroupTypes"}/>

src/components/xterm/Xterm.tsx

@@ -1,39 +1,36 @@
 "use client"
+
 import React, { useEffect, useRef } from 'react';
 import { Terminal } from 'xterm';
 import { AttachAddon } from 'xterm-addon-attach';
+
 import 'xterm/css/xterm.css';
 
-const socketUrl = process.env.NEXT_PUBLIC_WEBSOCKET_URL;
+interface XtermType{
+  url:string,
+  query:string
+}
 
-const Xterm: React.FC = () => {
+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) {
-      const websocket = new WebSocket(socketUrl ? socketUrl : "");
+    if (!terminalRef.current && xtermContainerRef.current && url && query) {
       const newTerminal = new Terminal();
+      const websocket = new WebSocket(url);
+      websocket.onopen = () => {
+        console.log("서버 연결")
+      }
+      websocket.onerror = (error) => {
+        console.error(error)
+      }
       const attachAddon = new AttachAddon(websocket);
-      newTerminal.loadAddon(attachAddon);
       terminalRef.current = newTerminal;
-      let curr_line = "";
-      newTerminal.onKey((e) => {
-        let { key } = e;
-        if (key === "\r") {
-          if (curr_line) {
-
-          }
-        } else if (key === "\x7F") {
-          if (curr_line.length > 0) {
-            curr_line = curr_line.slice(0, curr_line.length - 1);
-          }
-        } else {
-          curr_line += key;
-        }
-      });
+      newTerminal.loadAddon(attachAddon);
       newTerminal.open(xtermContainerRef.current);
     }
-  }, []);
+
+  }, [url,query]);
 
   return (
     <div ref={xtermContainerRef} className='xterm' />

src/components/xterm/XtermBox.tsx

@@ -0,0 +1,24 @@
+"use client"
+
+import React from "react";
+
+import useGetXtermUrl from "@/hooks/useGetXtermUrl";
+
+import Xterm from "./Xterm";
+
+interface XtermBoxType {
+    accessToken:string|undefined,
+    refreshToken:string|undefined
+}
+
+const XtermBox:React.FC<XtermBoxType> = ({accessToken,refreshToken}) => {
+    const {url,query} = useGetXtermUrl(accessToken,refreshToken);
+    return (
+        <div>
+           <Xterm url={url} query={query}/>
+        </div>
+    )
+}
+
+
+export default XtermBox

src/components/xterm/XtermContainer.tsx

@@ -0,0 +1,24 @@
+import React from "react";
+
+import XtermQuestion from "./XtermQuestion";
+import XtermBox from "./XtermBox";
+
+import { cookies } from "next/headers";
+
+const XtermContainer = () => {
+    const cookiesStore = cookies();
+    const POL_ACCESS_TOKEN = cookiesStore.get("POL_ACCESS_TOKEN")?.value
+    const POL_REFRESH_TOKEN = cookiesStore.get("POL_REFRESH_TOKEN")?.value
+    return (
+        <main>
+            <XtermQuestion/>
+            <XtermBox 
+                accessToken={POL_ACCESS_TOKEN}
+                refreshToken={POL_REFRESH_TOKEN}
+            />               
+        </main>
+    )
+}
+
+
+export default XtermContainer

src/components/xterm/XtermQuestion.tsx

@@ -0,0 +1,12 @@
+import React from "react";
+
+
+
+const XtermQuestion = () => {
+    return (
+        <div></div>
+    )
+}
+
+
+export default XtermQuestion

src/hooks/useGetXtermUrl.tsx

@@ -0,0 +1,49 @@
+import React,{useEffect,useState} from "react";
+
+import { useSearchParams } from "next/navigation";
+
+import useCheckAccess from "./useCheckAccess";
+
+
+interface useGetXtermUrlType {
+    url:string,
+    query:string
+}
+
+const url = process.env.NEXT_PUBLIC_BASE_API
+
+function useGetXtermUrl( 
+    accessToken:string|undefined,
+    refreshToken:string|undefined
+):useGetXtermUrlType {
+    const validAccessToken = useCheckAccess(accessToken, refreshToken);
+    const searchParam = useSearchParams();
+    const [xtermUrl, setXtermUrl] = useState<useGetXtermUrlType>({url:"",query:""});
+    useEffect(()=>{
+        const getXtermUrl = async () => {
+            const stageID = searchParam.get("stageId")
+            try{
+                const xtermDataOk = await fetch(`${url}/lab/terminal/access-url/${stageID}`,{
+                    headers:{
+                        Accept: 'application/json',
+                        'Content-Type': 'application/json',
+                        Authorization:`Bearer ${validAccessToken}`
+                    }
+                })
+                const xtermData = await xtermDataOk.json();
+                if(xtermDataOk.ok){
+                    console.log(xtermData)
+                    setXtermUrl(xtermData);
+                }
+            }catch(error) {
+                console.error(error)
+            }
+        }
+        getXtermUrl()
+    },[validAccessToken,searchParam])
+
+    return xtermUrl
+}
+
+
+export default useGetXtermUrl