Community

개발자 99% 커뮤니티에서 수다 떨어요!

← Go back
Job Scrapper SpongeBob Edition
#jobs_scraper
2년 전
13,379
18

링크 => https://jobs.sjh060623.repl.co/

자기소개

안녕하세요! 평범한 학생입니다ㅠ

계기

방학 중에 뭘 할까 고민 하다가 최근에 jobs_scraper 컨테스트 를 발견하여 재밌겠다 싶어 해봤습니다.

디자인을 생각하고 있을 때 TV에서 스폰지밥을 하더군요.. 그래서 스폰지밥을 메인 디자인으로 선택했습니다.

사용

메인 화면은 간단합니다! 스폰지밥 배경에 버블이펙트가 계속 올라오게 만들었고요,

좌측 상단에 못쉥긴 검색창에 검색 하시면 됩니다. export버튼을 눌러 excel파일을 다운받거나,

결과를 눌러, 링크를 직접 들어가 볼 수 있습니다.

개발과정

스폰지밥 배경을 알아보던 중 default스폰지밥 배경이 아닌 더 퀄리티가 좋은 배경을 찾아 그 배경으로 선택하였습니다(스폰지밥3D라는 영화의 일부분입니다 링크 )

배경만 있으니 너무 날먹인 것 같아서 버블이펙트를 추가했습니다.

Report화면도 마찬가지로 스폰지밥과 뚱이가 함께 뭔가를 찾는 배경입니다.

좌측에 검색 수,export,Home으로 가기 버튼을 만들었고요, 가운데에서 결과를 볼 수 있도록 만들었습니다. 각 검색 결과는 <a>태그로 감싸두어서 전체가 링크 역할을 할 수 있도록 했습니다. 추가로 시간이 좀 남아서 회사 로고까지 가져오게 만들었습니다

앞으로의 계획

방학 끝나기 전에 NextJS 유료강의 끝내는 것이 목표입니다.

아직 많이 남았는데 열심히 해야겠습니다~

형... 빨리빨리올려줭~

18 comments