복습

html, css, javascript, vue 공부하면서 헷갈렸던 부분들이나 자주 까먹는 부분들 다시 한 번 짚어보고 복습하는 노트를 작성하는 시간을 가져볼 것이다! 🙂업로드중..첫번째로 만든건 html과 css를 사용해서 만든 사심채우기용 아이유 페이지! 마우스

자바스크립트 복습 겸 드래그 앤 드롭 이벤트 구현 공부HTML과 CSS를 사용해 드래그할 요소와 드래그 박스를 만들었다.드래그 요소에는 draggable 속성을 작성해주면 된다.드래그 이벤트는 드래그 가능한 대상에서 발생할 수 있는 이벤트이다.dragstart드래그가

이틀 전에 혼자 드래그 앤 드롭 구현했을 때 동작은 잘 되는데 뭔가 아쉬운..? 느낌이 있어서 관련 영상 찾아서 따라 만들어보고 복습겸 다시 만들어보았다.list 이름의 변수를 선언하여 class가 list인 요소를 선택하였다. ul 태그가 선택될 것이다.let으로 선

벨로그에 정리한 내용으로 리액트 1주차 복습6월 27일 ~ 7월 1일에 작성한 공부 노트 복습프로젝트 이름으로 fristApp 을 만드려고 했는데 대문자 사용이 불가하다는 에러 메시지가 떠서 first-app 으로 작명하였다.yarn이 설치되어 있다면 yarn star

간단한 끝말잇기 게임 다시 만들어보기wordrelay 컴포넌트 jsx 전체 코드useRef 사용 방법도 이제 손에 익은 것 같다! ㅎㅎ기본기를 탄탄하게 쌓아야 다음 것을 배워도 개념이 날아다니지 않고 차곡차곡 잘 쌓일 것 같아서 매주 배운 내용을 다시 복습하는 시간을

어제 제로초님 영상보면서 배운 숫자야구 게임을 복습겸 혼자 만들어 보았다.나름 귀엽게 이모지도 넣고 css 애니메이션도 줬다.. ㅎㅎ숫자를 입력후 확인 버튼을 누르면 현재 문제와 입력값의 자리와 숫자가 일치하는 경우 스트라이크가 1 증가하고 자리는 일치하지 않지만 숫자

리액트에서 타이핑 효과 만들기!먼저 타이핑 효과를 어떻게 만들어야 할지 고민해보았다.빈 글자로 시작해서 글자가 1개씩 추가되어야 한다.완성할 텍스트를 미리 변수에 저장해놓기useState로 빈값 변수 하나 만들기!n초마다 이전 텍스트 + 현재 텍스트를 합쳐줘야 한다.완

제로초님 강의를 보고 복습겸 다시 만들어 본 리액트 반응속도 체크 게임클래스 컴포넌트로 만들 때 가장 많이 실수했던 부분이 this 키워드를 빼먹고 작성했던 것이다. 아직도 익숙하지는 않지만 this를 빼먹고 작성하는 바람에 에러 메시지를 자주 만났었다. ㅋㅋcss는

제로초님 영상보고 따라 만든 가위바위보 게임처음엔 영상보고 그대로 따라 만들고 두번째는 복습겸 배운 내용대로 만들려고 했는데 생각보다 어려웠다.ㅠㅠ결국 혼자 해결 못해서 제로초님 강의 보고 따라 만든 코드 참고해서 버그 픽스하고 하다보니 혼자 짠 코드는 50%정도 되지

풀었던 문제를 다시 풀면서 다른 방법으로 풀어보거나 풀었던 문제임에도 막힐 경우 메모해놓고 기억하고자 한다.이전에 풀었던 코드를 보니 String 타입으로 변경해서 split으로 자른 후 forEach로 반복문을 돌려서 누적 합을 리턴하는 방식으로 풀었었다.이번에도 문

프로그래머스 레벨2 문제 중 쉬운 난이도인 최댓값과 최솟값 문제 다시 풀었을 때 더 나은 풀이로 풀 수 있었다.문제 푸는 도중 아까 MDN 뒤적거리다가 발견한 Array.of가 생각났다 ㅎㅎ풀이 코드이전 풀이 코드예전에는 엄청 길게 풀었었네... 그와중에 템플릿 리터럴

10808 알파벳 개수소문자 알파벳으로만 이루어져 있다고 했기 때문에 총 26개의 a~z까지의 소문자 알파벳만 카운트 해주면 된다.카운트 할 배열을 하나 만들어 준 후 문자를 입력받음과 동시에 배열에 등장한 소문자를 1씩 카운트 시켜주고 해당 배열을 출력해주면 되는 문