JC story

안녕하세요 제이씨입니다~ 요즘 코로나 때문에 밖에도 못 나가고 집에서 대부분에 시간을 보내던 중 얼마 전 친구들과 대화에서 만들어 보고 싶은 프로그램 아이디어가 떠올랐습니다. A 친구가 B 친구에게 "너 아직도 나 인스타 팔로우 안했냐?" 이러면서 짜증을 내더라고요 ㅎㅎ 이 대화를 듣고 인스타 하는 사람들은 팔로우에 민감하구나... 하고 그 사람들을 위해 내가 팔로우하는 사람 중 나를 팔로우하지 않는 사람을 찾아주는 프로그램을 만들기로 했습니다. 동적 웹사이트를 다루기에는 역시 selenium이 제일 편하여 selenium을 사용해서 만들었습니다. 작동 순서는 다음과 같습니다. 인스타 그램 접속 인스타 그램 로그인 팔로잉 팔로우 비교할 ID 입력 입력된 ID 피드 접속 팔로잉, 팔로우 목록 추출 팔로잉 ..

이번에는 'Dev Ed' 유튜브에 있는 내용 중 Javascirpt Tutorial 중 하나인 Build A Mysic App With Javascript 를 진행하였습니다. 각 버튼을 누르면 사전에 저장해 놓은 소리가 나면서 간단한 jump animation 이 실행되는 예제입니다. 음이 들어간 예제를 해보니 더 재미있고 어떤 방향의 애플리케이션을 만들어 봐야겠다는 생각까지 들게 되네요! HTML HTML 구성은 매우 간단합니다. header에 h1 tag와 p tag 만 사용하여 간단하게 구성하였습니다. 그리고 각 버튼은 div를 이용하여 구성하고 div 안에 재생할 음악을 audio에 담습니다. CSS 공이 튀어 오르는 animation CSS는 @keyframes jump {}를 이용합니다. an..