🎉 성과 완성한 부분 가위바위보 게임을 완성시켰다. 완성한 이유 기존에 만들었던 로또 추첨 게임의 구현 일부분을 사용하기 때문에 가위바위보 게임으로 선택했다. ✨ 느낀 점 👍 알게 된 점 onclick 대신 addEventListener를 이용하기 HTML에 코드를 많이 적을경우 코드가 난잡해진다는 글을 보고 나서 onclick대신 addEventListener를 이용하여 코드를 작성해 봤다. 그동안 onclick을 사용해서인지 시간이 걸렸지만, 정상적으로 작동하게 만들었다. addEventListener는 두 가지 매개변수를 받는데 첫 번째 매개변수는 특정 이벤트(submit, click 등)를 나타내는 것으로 특정 이벤트가 발생되면, 두 번째 매개변수를 해라라는 뜻이다. 두 번째 매개변수에 함수를 넣..

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

👩‍💻 이 프로젝트로 정한 이유 JavaScript에 대해 공부를 했지만, 숙달되지 않아서 적용 및 응용시키기가 어려웠다. 그리고 JavaScript를 적극적으로 활용한 웹사이트가 없었다. 그래서 JavaScript에 대해 공부도 할 겸, 웹사이트에 JavaScript를 적용시키는 것을 익숙해지려고 프로젝트로 정했다. 🎉 성과 완성한 부분 로또 번호 추첨기 완성한 이유 코드캠프에서 실습으로 배운 내용이라 빠르게 작업이 가능하다 판단해서 진행시켜 완성시켰다. 💢 힘들었던 점, 아쉬운 점 여전히 파이썬과 혼동됨 파이썬에서는 배열안에 특정 단어를 확인하려면 in 연산자를 사용하지만, JavaScript는 .includes() 를 사용한다. 그리고 JavaScript에도 in 연산자가 있는데 파이썬과 다르게 인..

🎉 성과 완성한 부분 Education 다음으로 Experience, archive, footer 단락을 만들었다. 완성한 이유 Experience는 내가 아직 it 회사 계열에서 취업을 해본 게 없어 만들지 말까라고 생각했지만, 그래도 만들어서 내가 취업을 희망한다는 것을 보여주기 위해 만들었다. archive는 내가 운영하고있는 깃허브, 티스토리, 그리고 나중에 공개할 인스타그램까지 내가 활동하고 있다는 것을 보여주기 위해 만들게 되었다. footer는 전체적인 포트폴리오 퀄리티가 높아지게 만들고 싶어서 디자인 적인 요소를 신경을 많이 써서 만들었다. ✨ 느낀 점 ❗ 보완할 점 archive가 못생겼다. 부모가 내 자식을 이뻐하는 것은 당연하다. 그러나 부모인 내가 봤을때도 archive가 못생겼기 ..

🎉 성과 완성한 부분 Project 다음으로 Education 단락을 만들어서 내가 교육받았던 것과 교육받을예정인것을 적었다. 완성한 이유 Project 단락을 만들었을때와 같은이유로 그냥 사진만 첨부하면 정렬되지도 않고, 모양도 예쁘지않아 이미지 슬라이드 형태로 만들게 되었다. 또, 내가 배웠던 Bootstrap을 한번 이용하고 싶어 Bootstrap의 carousel을 이용했다. ✨ 느낀 점 💢 힘들었던 점 Carousel 이미지 크기를 어떻게 줄이지? project 단락을 만들때 사용하던 코드를 이용해 칸을 만들었다. 이번에 조금 어려웠던 점은 Bootstrap의 carousel의 크기를 조절하는 방법을 몰라 한참을 헤메었다. 인터넷에도 나와 비슷한 고충을 겪고있는 사람들이 있지만 문제해결이 되지않..