3은로그

UsernamePasswordAuthenticationFilter의 흐름이다. 이걸 보고 코드를 보면 더 이해가 잘된다. 1. 로그인 요청 : 클라이언트 -> 서버 signin.jsp 아이디 : 비밀번호 : 사용자가 userId와 userPw를 입력로그인 버튼을 클릭하면 태그의 action 속성에 지정된 URL( /login )로 POST 요청 전송 2. Spring Security 필터 체인에서 요청 처리SecurityConfiguration.java 일부 코드 (Spring Security 설정).formLogin((login -> login .loginPage("/signin") //사용자 정의 로그인 페이지로 전환, 기본..

1. study-nextJS14 폴더 생성2. Visual Studio Code에서 nextjs14 폴더 열기3. VSC의 터미널 안에서 npm init -y 입력 -> package.json 파일이 생성됨4. package.json에서 license를 MIT으로 변경 5. npm install next@latest react@latest react-dom@latest 설치 6. package.json에서 "scripts"를 "dev": "next dev"로 변경(이 dev 명령어를 실행하면 Next JS가 실행된다) 7. app/page.tsx 폴더 생성 page.tsxexport default function Tomato() { return Hello NextJs!} 8. 터미널에 npm run..

에러 상황 OpenFace를 사용한 얼굴 인식 기반 출입 관리 시스템 프로젝트 개발 중 부서 등록 기능을 개발하면서 생긴 에러이다.텍스트 필드에 등록할 부서 이름을 작성하고 엔터를 누르면 아래에 등록할 부서 리스트가 뜨도록 개발하고자 했다.  하지만 위 사진처럼 한글을 입력했을 때 이벤트가 중복으로 발생하여 "개발부서"를 입력하면 "개발부서"와 "서" 두 개가 입력되었다.처음엔 비동기 처리로 인한 문제 때문인가 생각했는데 영어와 숫자는 이벤트가 한 번만 발생하는 것을 보고 한글과 관련이 있을 것이라고 생각했다.   문제 원인 원인은 IME composition 때문이었다.IME composition란?IME는 영어가 아닌 한글, 일본어, 중국어와 같은 언어를 다양한 브라우저에서 지원하도록 언어를 변환시켜..

https://school.programmers.co.kr/learn/courses/30/lessons/120866 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 코드 function solution(board) { let answer = 0; let explosion = [ [-1,-1], [-1,0], [-1,1], [0,-1], [0,1], [1, -1], [1,0], [1,1] ] for(let i = 0; i < board.length; i++){ for(let j = 0; j < board.length; j++){ if(board[i][j..