리액트로 네이버 아이디로 로그인 구현하기 ❓상황 회원가입 대신, SNS 로그인 기능 구현해보고 싶어서 진행했다. 📖 SNS 로그인 구현 Naver Developers setting 홈페이지 접속 네이버 로그인 클릭 오픈 API 신청 이용약관 동의하기 이용약관 동의하기 휴대폰 인증하면, 이렇게 표시된다. 애플리케이션 등록 카카오와 다르게 바로 애플리케이션을 등록한다. 이렇게 안내해주는 것이 편리해서 더 좋은거 같다. 검수 요청하기 검수요청은, 실제 네이버 로그인이 가능하도록 네이버에 요청하는 것이다. 나는 테스트용으로 네이버 로그인을 할 예정이니, 검수요청은 따로 하지 않을것이다. 나중에 기회가 된다면, 실제 네이버 로그인을 구현해봐야겠다. 멤버관리 네이버 로그인을 관리할 수 있는 관리자와, 테스트용 로그..

리액트로 카카오 아이디로 로그인 구현하기 ❓상황 회원가입 대신, SNS 로그인 기능 구현해보고 싶어서 진행했다. 📖 SNS 로그인 구현 Kakao Developers setting 홈페이지 접속 Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 애플리케이션 등록 프로젝트 내에서 카카오 로그인을 구현하기 위해서, 사전작업으로 kakao developers에서 애플리케이션을 등록해야한다. 앱 키가 노출 될 경우에는, 새로 애플리케이션을 추가하지 않고 재발급 버튼을 눌러 재발급을 받으면 된다. 플랫폼 설정하기 Android, IOS, Web 플랫폼을 등..

📖 Font Awesome 패키지 설치 SVG Core SVG Core 패키지를 설치하면, Font Awesome에 있는 아이콘(SVG)를 이용할 수 있다. npm i @fortawesome/fontawesome-svg-core Icon Packages Icon Packages를 설치하면, Font Awesome 무료 아이콘을 이용할 수 있다. # 무료 아이콘 npm i @fortawesome/free-solid-svg-icons npm i @fortawesome/free-regular-svg-icons 만약 유료 아이콘을 사용하려면, 밑의 코드를 작성해 추가로 설치하면 된다. # 유료 아이콘 npm i @fortawesome/pro-solid-svg-icons npm i @fortawesome/pro-..

📖 React Router 이해 로딩시 모든 자바스크립트 다운 → 규모가 크면 로딩 속도 느려짐 특정 페이지만 리렌더링 가능 → 속도 빠름, 자원 낭비 X 서드파티 라이브러리로, 공식 라이브러리가 아니다. 설치 및 불러오기 명령어 import 실습 App 컴포넌트 감싸기 실제 index.html에 반영되는 App 컴포넌트를 전역으로 사용하기 위해 scr/index.js 파일에 있는 App 컴포넌트를 감싼다. Home, About 페이지 만들기 Route 특정 주소에 컴포넌트 연결하기 url이 localhost:3000/ 으로 끝나면, Home 컴포넌트를 불러오고 url localhost:3000/about으로 끝나면, About 컴포넌트를 불러온다. 태그로 새로고침 방지 태그를 사용하면, 새로고침이 되기..

✨ 느낀 점 👍 알게 된 점 '-' 문자열 인식 불가 result = soup.find_all("div", {"class":"jobsearch-resultContent"} result = soup.find_all("div", {"class":"job_seen_beacon"} 처음에는 웹사이트가 추출이 되지 않아 무엇이 문제인지 확인했다. 알고 보니 "-" 문자열이 사용돼서 발생한 오류였다. 다른 class명으로 바꾸니 정상적으로 웹사이트 추출이 되었다. string과 text 차이 soup = BeautifulSoup('url', "html.parser") 안녕 안녕 첫 번째 줄을 string과 text로 추출하는 코드는 다음과 같다. soup.find("div").string soup.find("div..