퀘스트 수락 : 1렙 개발자

EC2 접속 ssh -i [키페어경로] [AWS인스턴스연결 사용자아이디]@[퍼블릭IPv4주소] yes "[AWS인스턴스연결 사용자아이디]@ip ~" 와 같이 접속자 뜨면 성공 JDK 설치 sudo apt-get update sudo apt-get install openjdk-11-jdk yes - 설치 확인 java -version - 설치 확인 javac -version 톰캣 wget설치 및 실행 - 설치 폴더 생성 sudo mkdir /home/tomcat - 최신버전 설치 https://tomcat.apache.org/download-90.cgi 에서 tar.gz 링크 복사 cd /home/tomcat sudo wget https://dlcdn.apache.org/tomcat/tomcat-9/v9...

구축할 EC2/RDS 환경 ubuntu 22.04.1 LTS(GNU/Linux 5.15.0-1031-aws x86_64) openjdk 11.0.18 Tomcat 9.0.73 MySQL Community 8.0.31 가입 기본 지원 무료 플랜 선택 후 가입 -> AWS Management Console로 이동 -> 루트 사용자로 로그인 -> 오른쪽 상단 리전 선택 (서울) EC2 인스턴스 시작 -> 이름 및 태그 설정 -> 애플리케이션 및 OS 이미지 (AMI) 우분투 선택 -> 인스턴스 유형 t2.mocro 선택 -> 스토리지 30gib -> 네트워크 설정 ssh https http 트래픽 허용 모두 체크 or 편집 포트번호 직접 입력 -> 키페어 생성 -> 고급 세부 정보 새 IAM 프로파일 생성 -..

기본 1. 깃허브 접속 후 repository 생성하기 2. 로컬 저장소 설정 및 로컬에서 repository에 파일 업로드하기 왼쪽 상단 file 클릭 - clone repository - 불러올 repository 선택 및 로컬에 저장할 위치 지정 - 내 컴퓨터 로컬 지정 폴더에 깃허브에 올릴 파일 넣기 - github desktop에 해당 파일이 표시됨 - 설명 작성 후 commit - push 더보기 push 되돌리기 : 좌측 history에서 해당 기록 우클릭 - Revert changes in commit - 상단 Push origin 사용법 1. 깃허브 레포지토리 연결하기 상단 저장소 클릭 - 원격저장소 추가 - 깃허브 레포지토리 주소 입력 2. 로컬 저장소 연결하기 새 탭 열기 - add ..

1. Cookie : 사용자 컴퓨터에 저장. (정보 유출 가능성) : 유효기간 후 삭제 2. Session : 클라이언트 별로 서버에 저장되는 정보 : 서버 종료시, 유효기간 후 삭제 (마지막 사용 후 30분동안 유지) 세션 처리 과정 : 웹 클라이언트가 서버측에 요청을 보내면 서버는 session id를 발급한다. sessoion id를 이용해서 http session (key, value)을 생성한다. session id로 cookie를 만들어서 client에 보낸다. 객체는 서버가 만들어주기 때문에 직접 생성하지 않는다. request.getSession() (=request.getSession(true)) 메서드 호출시 세션을 반환하며, 세션이 없으면 새로 생성해서 반환해준다.(isNew()메소드..

개념 WebSocketSession과 HttpSession은 다르다. WebSocketSession은 HttpServletResponse, HttpServletRequest 등 servlet 관련 클래스를 사용할 수 없다. VO를 사용한 이용자 정보는 HttpSession에 저장된다. WebSocket 접속자 정보는 WebSocketHandler에서 WebSocketSession에 저장된다. HttpSessionHandshakeInterceptor를 사용하도록 설정하면 WebSocketHandler 동작(handshake) 이전에 HttpSession에 접근해 원하는 정보를 WebSocketHandler로 전달할 수 있다. 상황 웹소켓에서 HttpSession을 사용해서 현재 로그인 중인 회원 아이디(M..

환경 : 스프링 레거시, Maven, 자바 설정 전체 코드 [WebSocketConfig.java] : WebSocketConfig implements WebSocketConfigurer @Configuration @RequiredArgsConstructor @EnableWebMvc @EnableWebSocket public class WebSocketConfig implements WebSocketConfigurer{ private final MyWebSocketHandler myWebSocketHandler; @Override public void registerWebSocketHandlers(WebSocketHandlerRegistry registry) { registry.addHandler(myW..

1. addEventListener "click" ※ 오류 "Uncaught TypeError: Cannot read property 'addEventListener' of null" : addEventListener 사용 시 태그를 부분이나 부분 상단 넣으니 위 오류가 발생했다. 부분 하단으로 옮겨주니 정상작동했다. ex) 글쓰기 const registerButton = document.querySelector('.register-btn') registerButton.addEventListener('click', register); function register(){ self.location = "/controller/board/register" } ex) 글쓰기 const registerButton..

애니매이션 효과 @keyframes rotate { 100%{ //애니메이션 총시간 시간대비 퍼센트 transform: rotate(360deg); //회전(몇도) } .클래스명 { width: 100%; height: auto; animation: rotate 1.1s infinite linear; //infinite 계속돈다, linear 가속도붙지 않고 일정한 속도로 돈다. } 모달창 마우스 스크롤 해도 따라오도록 하기 #modal { position: fixed; top: 0; left: 0; } 박스 그림자 box-shadow : offset-x, offset-y, blur-radius, spread-radius, color(0 0 0 색상정도) box-shadow : 2px 2px 2px 1p..

: 최대한 불필요한 태그, 스타일 없애기 협업으로 웹페이지 만드는 법 디자이너 : 디자인(포토샾, 피그마 등)해서 파일(파일+이미지리소스)을 넘긴다. -> 웹디자이너, 퍼블리셔, 프론트엔드 개발자 : 전체 골격을 확인하고 블록 구분 후 블록마다 클래스명 설계 등을 논의한다. 마크업 : html의 뼈대를 잡아주는 html을 작성하는 일 : html5 이전에는 div태그로 문서의 구조를 표현했다. 하지만 html5는 id(태그 내 하나) > class(태그 내 여러개) > 태그 (+ div style로 적용안되던 걸 a style로 바꾸니까 적용됐다.) 요소 inline 요소 : 문자 등 직선적인 html 요소 block 요소 : 이미지 등 부피가 있는 요소 form태그 : 정보 전송 input 태그 : 입..

: 자동 증가를 설정한 PK값을 태그를 통해 수동으로 얻어와 그 결과를 이용할 수 있도록 한다. 예를 들어, 게시판에 게시글 등록 후 "00번 게시글이 등록되었습니다"라는 모달창을 띄울 때 사용할 수 있다. 게시글 번호를 자동 증가하도록 설정한 후 단순 태그를 사용해서 글을 등록하고 해당 객체에서 게시글 번호를 얻어오면 모두 '0'으로 출력된다. (MySQL) 태그로 새 글 등록 전 글번호에서 1을 더한 값를 얻어온 후 그 결과를 방금 등록한 게시글 번호로 사용하면 된다. ※ order속성 BEFORE를 사용할 경우 첫 글을 게시할 시 이전글 번호(boardno)가 없어서 sql문에서 에러가 방생한다. order속성 AFTER를 사용하니 해결됐다. ex) mapper Interface public voi..