✨ 느낀점 👍 알게 된 점 BeautifulSoup의 .string은 해당 태그의 문자를 추출한다. def extract_indeed_pages(): result = requests.get(URL) soup = BeautifulSoup(result.text, "html.parser") pagination = soup.find("ul", {"class": "pagination-list"}) links = pagination("a") pages = [] for link in links[:-1]: pages.append(int(link.find("span").string)) max_page = pages[-1] return max_page 즉, 숫자 1,2,3,4,5를 pages의 배열의 원소로 추가한다. 각..

🎉 성과 완성한 부분 15초 시간제한 기능 다시 구현하기(setTimeout → setInterval) 색깔 다른 사각형 클릭시 스테이지 +1, 시간 15초로 초기화, 점수 Math.pow(stage, 3) * 남은시간 색깔 같은 사각형 클릭시 시간 3초 감소 ✨ 느낀점 👍 알게 된 점 setInterval을 사용하여 15초 제한 다시 구현 useEffect 함수는 timer가 변경될때마다 실행이 되는데, 이를 통해 time함수가 실행되어 1초씩 감소하게된다. 그러나 강제로 시간을 15초로 초기화하니, time()함수가 2번이 실행되어서 15초 -> 13초 -> 11초 ... 2초씩 감소하게 되었다. 그래서 setTimeout을 버리고, setInterval을 사용하게 되었다. 근데, setInterva..

🎉 성과 완성한 부분 소셜 로그인 기능 구현 완료 google, github, 회원가입 등 3가지 방법으로 로그인 구현 완료 useNavigate()를 활용하여 로그아웃 시 Home페이지로 리다이렉트 firebase 8 버전 이하는 Redirect를 사용했지만, 9 버전부터는 useNavigate()를 이용한다. ✨ 느낀 점 👍 알게 된 점 로그인 상태 유지하기 로그인을 하면 Home페이지로 가게 코드를 구현했는데 정상 작동하지 않았다. 그 이유는 firebase가 로딩되기 전에 코드가 실행되어서 이다. 따라서 firebase가 전부 로딩된 다음에 코드를 실행시켜주는 코드를 작성해야 한다. firebase에서 지원하는 onAuthStateChaged() 코드를 사용하면 된다. import {onAuthS..

✨ 느낀 점 👍 알게 된 점 컴포넌트별로 CSS를 적용시킬 수 있다. 처음에 컴포넌트별로 CSS를 적용시킬 수 있다는 말을 들었을 때 당연한 소리를 하네?라고 생각했다. 왜냐하면 css를 파일별로 나누고, import 시키고, 해당되는 className을 적으면 적용된다는 것을 알고 있었기 때문이다. CSS파일을 styles로 치환하고, 태그에 className을 지정하지 않고, styles.(CSS파일에 적힌 className)을 옮겨 적으니 해당 CSS파일에서 선언한 클래스 명의 CSS효과가 지정이 된다. 특이한 점은 CSS파일에 중복된 className이 있어도 컴포넌트가 다르거나, 치환한 이름이 다르면 적용될 수 있다는 점이 신기했다. 그렇다면 클래스명은 실제로는 어떻게 표시될까? 위의 사진과같이..

🎉 성과 완성한 부분 끝말잇기 게임을 완성시켰다. 완성한 이유 코드캠프에서 실습했던 경험이 있어 우선 진행하였다. ✨ 느낀 점 💢 힘들었던 점 한글만 입력하기 인터넷에서는 jQuery를 이용한 방법이 많아, JavaScript로 처리하는 방법을 찾느라 오래걸렸다. 결론은 replace 함수를 사용하여, 사용자가 입력된 문자에서 가~힣까지 만 그대로 반환하고, 나머지는 공백으로 처리했다. ❗ 보완할 점 의미없는 단어를 걸러낼 방법이 필요하다. 중복, 금지어 설정 button을 누르지 않고 엔터키로 입력하기, 한글 이외에 다른 단어 제외시키기 등 방법을 찾느라 꼬박 하루가 걸렸다. 겨우 엔터키로 누르기와 한글 이외의 단어 제외는 추가했다. 그러나 아직 보완해야할 점이 있다. 첫번째로는 끝말잇기할때 의미없는 ..