EnJinnier

언어 : javascript프레임워크 : React빌드도구 & 패키지매니저 : vite, yarnstyle : tailwind CSS 를 사용한 웹 프로젝트 환경을 세팅해보려고 한다. 1. 깃허브 레포지토리 클론해오기git clone ~~ 하여 원하는 레포지토리를 가져온다. 2.  vite 설치yarn create vitenpm create vite(바이트가 아니라 비트다.)요즘은 create-react-app보다 vite의 빌드속도가 훨씬 빨라서 선호된다고 한다.위 명령어를 터미널에 입력하면 프로젝트 이름과 프레임워크, 언어까지 모두 세팅 가능하다. 3. yarn 설치cd {생성된 프로젝트명} yarn yarn dev 이제 만들어진 페이지로 들어간 후 yarn 을 설치해준다.(yarn dev는 옵션..

https://engineer-yoonjinchoi.tistory.com/56 가위바위보 게임 만들기 HTML/CSS/JS 만으로 가위바위보 게임을 만들어보았다! 뭔가 디자인이 다 흔해서 재밌게 만들고자 내가 좋아하는 포켓몬스터 느낌으로 꾸며봤다. 일러스트같은 것을 구하는게 힘들었지만 그래도 더 engineer-yoonjinchoi.tistory.com 기존에 만든 코드와 게임은 이러하다. 좋은 기회로 동아리에서 피드백을 받을 수 있었다. 정리해서 수정해보려고 한다. 나의 질문사항은 이러했다. 리드 개발자님의 답변 1. 한국어 텍스트 사용 2. 쓸데없는 코드 이건 레이아웃때문에 여러코드를 작성하다가 깜빡하고 못뺀것들..을 지적해주셨다. 필요없는 div 태그 (CSS에서도 div back 관련 코드를 다 ..

HTML/CSS/JS 만으로 가위바위보 게임을 만들어보았다! 뭔가 디자인이 다 흔해서 재밌게 만들고자 내가 좋아하는 포켓몬스터 느낌으로 꾸며봤다. 일러스트같은 것을 구하는게 힘들었지만 그래도 더 재밌게 만들 수 있었다. (개인 소장용으로 만든거니까 저작권 문제는 없겠지?..) 게임 방식은 단순하다. 사용자는 가위,바위,보,리셋 버튼 중 하나를 누를 수 있고 컴퓨터가 랜덤으로 가위,바위,보 중 하나를 뽑아 대결을 진행한다. 점수는 누적되어 보여지고, 리셋버튼을 누르면 0승0무0패부터 다시 시작한다. 코드 전문 HTML Computer You ㅤ앗! 야생 컴퓨터(이)가 등장했다! 무엇을 할까? ㅤ전적: 0승 / 0무 / 0패 가위를 낸다. 바위를 낸다. 보를 낸다. 점수를 리셋한다. CSS @import u..

https://github.com/yoonjin-C/efub4-frontend-assignment-1/tree/main/week03 efub4-frontend-assignment-1/week03 at main · yoonjin-C/efub4-frontend-assignment-1 💙 이펍 4기 프론트엔드 1학기 세미나 과제 제출 레포지토리. Contribute to yoonjin-C/efub4-frontend-assignment-1 development by creating an account on GitHub. github.com 추가적으로 수정 예정 [24.03.30] 초안 업로드 참고한 글들 https://determination.tistory.com/entry/HTMLCSSJavaScript를-사..