솔적솔적

type 키워드를 이용해서 타입변수를 생성할 수 있었지만 interface로도 interface 키워드도 변수 생성이 가능합니다. type키워드를 이용한 변수 생성 type person = { name : string , age : number} let 솔 : person - { name : 'park', age : 12} interface키워드를 이용한 변수생성 interface person = {name : string , age : number} let 솔 : person = {name :'park', age : 12} 엥 똑같은데 인터페이스를 왜 써? extends가 가능하기 때문이다. interface person { name :string age : number } interface anima..

안녕하세요, 오늘은 지금까지 배웠던 리액트를 기반으로 프로젝트를 하나 개인 연습으로 생성하여 프로토타입을 기반으로 홈페이지 구조와 기능들을 만들어 보려고합니다. 자, 차근히 진행하도록 하겠습니다. ​ 1. 프로젝트 생성 새로운 파일하나를 만들고 1) Ctrl + shift + ` 를 눌러 npx create-react-app test(원하는 파일명으로 설치) 2) npm 대신에 쓸 수 있는 소프트웨어, yarn 을 구글에 검색 yarn https://classic.yarnpkg.com/lang/en/docs/install/#windows-stable Yarn Fast, reliable, and secure dependency management. classic.yarnpkg.com 노란 현광색으로 표시된..

안녕하세요, 이번에는 쇼핑몰이나 인스타그램에서 자주 보이는 좋아요 버튼을 만들어 볼 예정이예요. 클릭하면 숫자가 증가하는 버튼을 만들려하는데, 리액트로는 어떻게 만들어질까요? 차근히~ 알아가보죠! ​ (저번시간에 만든 App.js 파일 그대로 사용합니다.) 먼저 화면상에 클릭버튼 만들기. (아범은 누르는 버튼을 이모티콘으로 가져왔습니다.) 1. 클릭 시 숫자 증가하는 버튼 만들기 이 태크안에 클릭 이벤트를 넣어주고 클릭 시 실행될 함수를 넣어줘야한다. onClick={ 클릭될 때 실행할 함수 } ⇒ onClick={ ()⇒{실행할 내용} } ​ 그럼 처음 초기값은 0으로 셋팅을 하고 클릭 시 숫자가 변하는 방법을 써야한다. state를 이용해 변경을 하는 것이다. 이렇게 기존에 선언한 '좋아' 변수를 클..

안녕하세요, 리액트 셋팅부터 홈페이지를 만들 때 사용하는 기능등을 알아가려해요. 요즘은 리액트가 대세라고 곳곳에서 리액트를 쓰고있다고 합니다. 다들 리액트를 배우려는 이유는 Web app을 만들기 위해서! web app이 뭔데? Instagram, Vibe 이런 사이트들 우리가 다 사용! 이걸 web app이라고 하며. 이 web app을 사용하면 포스팅을발행하거나 다른 페이지로 넘어갈 때 새로고침을 굳이 안해도 자연스럽게 요청한 화면이 나오게 됩니다. web app을 사용하는 이유를 말해보자면 1. HTML 관리가 보다 편리, 2. 전환율 높음, 3. 리액트 문법으로 IOS/Android 모바일 앱제작도 가능, 4. 자바스크립트를 쓰지만 리액트를 쓴다면 더 간결명료한 코드로 구현가능, 5. 가독성이 좋..