구구스터디

: 1~100 사이 숫자 아무거나 하나를 랜덤으로 지정하고, 사용자가 맞추는 게임.사용자가 선택한 숫자가 정답보다 작으면 UP을 띄우고, 크면 DOWN을 띄운다.사용자가 해당 숫자를 맞추면 숫자를 알려주며 CORRECT!라고 띄운다.주어진 기본 화면은 아래와 같다.

리액트를 공부하기에 앞서, 자바스크립트의 확장언어인 타입스크립트 Typescript가 무엇인지 공부해보았다. JS vs TS 먼저, 자바스크립트는 Unstrongly Typed Language라서 변수를 선언할 때 자료형을 정해주지 않기 때문에 자료형이 다른 두 변수

Document Object Model의 약자로, HTML, head, body와 같은 태그들을 JS가 이용할 수 있는 객체를 의미한다.ps) div, input, a 등이 DOM에 해당한다.즉, DOM이 존재하기 때문에 JS는 HTML 태그들을 수정할 수 있다.Vir

0주차 때 바닐라JS 복습할 때 만들었던 숫자게임 React로 만들기! 추가된 기능은 목숨! 처음에 목숨을 5개 부여한다. submit 버튼을 누를 때마다 목숨이 하나씩 줄어든다.똑같이 숫자 크기를 비교해서 UP과 DOWN을 출력.목숨 5번 다 쓰면 위와 같은 문구를

React에서 파일이 많아지면 데이터 처리하는데에 오래걸리기 때문에 이것을 최소화 하고자 라이브러리를 사용한다고 한다.우리가 오늘 공부해볼 CSS라이브러리의 종류에는 여러가지가 있는데, 가장 많이들 사용하는 것은 talewind라는 라이브러리이다. 하지만 이 라이브러리

이번 스터디에는 저번에 공부했던 styled components를 사용하여 영화 정보를 나열해주는 웹을 만들어보았다.우리는 영화 정보를 가지고 있는 리스트를 Map함수를 사용하여 하나씩 확인해볼 수 있다. Map 함수는 리스트의 모든 원소들을 하나씩 보는 함수이다.모든

📂 App.js 📂 Index.js 📂 api.js

코드 자료(깃허브) : https://github.com/ehyowon/tab_movie_app.git \-> 오른쪽 위에 돋보기모양을 누르면 검색창으로 넘어간다. 하지만 input박스만 만들고, 아직 검색 자체는 안되는 상태.업로드중..-> 상세보기를 눌렀을