전체 글57 [ React ] <option>에 selected 사용하기 ✋ 에러 코드 Use the `defaultValue` or `value` props on instead of setting `selected` on . 👍 상황 리액트를 사용할 때, select에서 selected 옵션을 사용하고 싶은데, 리액트에서 selected를 사용하면 위와 같이 defaultValue를 사용하라고 에러가 뜬다. 🎶 해결 selected 대신에 가장 위에 있는 select에 defaultValue나 value를 option 태그에 있는 value 값으로 쓰면 된다. 게시 여부 : 게시함 게시안함 https://ko.reactjs.org/docs/forms.html 폼 – React A JavaScript library for building user interfaces ko.re.. 2021. 7. 14. [passport-kakao] 로그아웃 구현하기 Node.js 교과서에 로그인 기능은 있지만 로그아웃 기능이없어서 공부하며 쓴 글.... passport doc에 있는 로그아웃을 참고해 만들더라도 카카오톡 로그아웃은 되지않는다. 로그아웃 후에 카카오톡 로그인을 누르는 경우 id와 비밀번호를 입력하지 않았는데도 자동 로그인이 되어버린다.. 이걸 막기위해서 열심히 찾아봄 ㅎㅎ; 준비물 axios와 passport-kakao를 사용해 로그인기능 구현 카카오 개발자 사이트 https://developers.kakao.com/docs/latest/ko/kakaologin/rest-api#unlink Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공.. 2021. 7. 7. [passport] 이해하기 node.js 교과서와 passport.js Doc를 참고 해 작성된 글입니다. Passport 인증을 사용하기 위해 필요한 3가지 Authentication strategies (인증전략) Application middleware (미들웨어) Sessions (optional) (세션) Strategy 전략 use( )를 통해 사용할 수 있다. verify callback이 꼭 필요하다. 미들웨어 미들웨어를 사용해야한다. app.use(passport.initialize()); passport를 초기화 하기 위해서 passport.initialize 미들웨어를 사용 app.use(passport.session()); 세션 사용을 원한다면, passport.session 미들웨어를 사용 세션 세션은 유저.. 2021. 7. 7. [express] req.body가 undefined인 경우 ✋ 에러코드 req.body 가 undefined인 경우 🤦♂️ 상황 form에서 데이터를 전송해 post 라우터에서 req.body.프로퍼티 명으로 데이터를 받으려 했지만 undefined가 뜬다. 👍 해결 // 내장 기능 json 제공 기능을 추가 app.use(express.json()); // url인코딩 기능을 추가한다. extended:false면 내장 쿼리 스트링 모듈을 사용한다. app.use(express.urlencoded({ extended: false })); 위 두가지를 사용하지 않아서 데이터를 파싱하지 못했던 것 같다. 쓰니까 바로 해결됨. 2021. 7. 4. 정규 표현식 regex 실제 문자열 관련 알고리즘을 풀 때, 많이 사용하는 것같아서 정리한다. 🍳 정규 표현식 정규 표현식은 문자열에 나타나는 특정 문자 조합과 대응시키기 위해 사용되는 패턴이다. 자바스크립트에서 정규 표현식을 사용하는 메서드들 RegExp 객체 exec 메서드, test 메서드 String 객체 match 메서드, replace 메서드, search 메서드, split 메서드 등 정규 표현식 만들기 자바스크립트에서 정규 표현식을 만드는 방법은 두 가지가 있다. 정규 리터럴 '/'로 감싸서 사용하는 패턴 스크립트가 불려와 질 때, 컴파일된다. 정규식이 상수라면 리터럴 방식 사용하기 const reg = /ab+c/; RegExp 객체의 생성자 함수 사용 실행 시점에 컴파일된다. 정규식 패턴이 변경될 수 있는 .. 2021. 7. 4. [express] - 미들웨어 뽀개기 미들웨어를 사용하는데, 미들웨어 자체에 대한 이해도가 떨어져어려움을 겪고 있어서 쓰는 글 참고자료 Writing middleware for use in Express apps 🍳 미들웨어 미들웨어는 req, res, next를 가진 함수입니다. req 클라이언트에서 오는 요청 정보가 담긴 객체 res 서버가 응답해주는 응답 정보가 담긴 객체 next next 함수를 호출하면 현재 미들웨어에 이어서 다음 미들웨어를 실행합니다. 미들웨어의 종류 app에서 사용하는 미들웨어 내 어플리케이션 전반에서 사용하는 미들웨어다. router에 사용하는 미들웨어 app에서 사용하는 미들웨어와 같지만 사용 범위가 라우터로 정해진다. 에러 처리 미들웨어 다른 미들웨어와 다르게 4개의 매개변수를 가진다. 에러를 처리하는 목적.. 2021. 7. 3. 이전 1 ··· 4 5 6 7 8 9 10 다음
