✏️ 이번 프로젝트는 사용자가 로그인을 한 후 소설 페이지가 보여지고, 소설을 보다가 랜덤의 확률로 광고 팝업창이 나오게 된다. 이 광고창은 사용자가 종료할 수 없고, 5초 동안 강제 시청이 된 후 5초가 지나면 자동 종료된다. 광고창이 종료 될때 50%로의 확률로

✓ 기존에는 props를 데이터를 전달받고props.명 이렇게 작성했다.✓ 클론을 이용하는 방법이다.: 을 사용하고 원하는 변수명을 작성하면 된다.

✓ fetch는 브라우저에 내장된 함수이다, API를 불러오고 그에 대한 정보를 내보내주는 함수이다.서버와 비동기 요청방식들중에 하나인데, 대표적인 비동기 요청방식중에 하나인 Ajax의 방식 중의 하나이다.fetch를 사용하기 위해서 method를 이용해서 사용하는데,

✓ 어떤 상태 값이 변경 되었을때 동작하는 함수를 작성할 수 있다.react 컴포넌트가 렌더링 될 때마다 특정 작업을 실행 할 수 있도록 하는 Hook이다.class형 컴포넌트에서 사용할 수 있었던 생명주기 메소드를 함수형 컴포넌트에서도 사용할 수 있게 되었다.기본 형

브라우저와 프로그래밍 언어(Javascript, React, TypeScript)의 개념, 원리를 공부하고 이해하기.기간: ~ing개념 1개씩 공부하고 정리하기블로그에 올리듯이 작성하기. (github를 나만의 노트라고 생각하고 작성하기)정리한것을 바탕으로 블로그 작성

HTML의 DOM중 하나로 행과 열로 이루어진 표를 나타내는 태그하위 요소로 thead tbody tr td th 등이 있다.HTML에서의 table은 tbody를 생략하고 바로 tr과 td를 사용할 수 있지만, ✏️ JSX에서는 반드시 tbody를 선언해야 tr과

페이지 이동시 서버에 AJAX로 요청하고 서버는 JSON만 전달해준다, 👉 SPA 방식에서는 페이지 이동시 변경되는 부분만 JSON으로 받아온뒤, 브라우저의 자바스크립트에서 받은 JSON을 토대로 DOM에 변경된 부분만 렌더링 해주기 때문이다.SPA는 html 렌더링

독립된 단위, 'vn 객체'들의 모임👉 객체란?:: 메세지를 주고 받고 데이터를 처리할 수 있는 것📌 장점유연하고 변경이 쉽다.개발과 보수에 용이하다.클래스를 사용한다.직관적인 코드분석이 가능하다.자료 처리를 함수의 계한으로 취급, 상태와 가변 데이터를 멀리하는 프

✓ 행과 열로 이루어진 표를 나타낸다.captioncolgroupcoltable✓ 표의 설명 또는 제목을 나타낸다.전역 특성만 표함한다.부모 table 요소의 첫 번째 자식이어야 한다.caption 요소를 가진 table 요소가 만약 figure태그 요소의 유일한 자식

HTML5부터 제공하는 기능으로, 해당 도메인과 관련된 특정 데이터를 서버가 아니라 클라이언트 웹브라우저에 저장할 수 있도록 제공하는 기능쿠키와 비슷한 기능, Web Storage의 개념은 키 /값 쌍으로 데이터를 저장하고 키를 기반으로 데이터를 조회하는 패턴이다.쿠키

setTimeout => builtin 메서드클린업 함수 (익명의 함수 리턴) return () => {}useEffect 함수가 작동할 때마다, 작동하기 전에, 돌아가는 아주 첫 번째를 제외하고는 클린업 함수가 돌아간다.클린업함수 작동 -> 돔에서부터 특정한 컴포넌트

또 다른 빌트인 훅상태 관리를 도와준다.useState와 비슷하지만, 능력이 더 많고 더 복잡한 상태일 때 유용하다.  👉  복잡한 multiple 상태일 대 useState를 사용하고 관리할 때 에러를 일으킨다, 이건 안좋은 상황이거나 효율적이지 않거나 잠재적인

검증 추가 및 로직 재설정하기enteredAge앞에 + 를 붙임으로서 숫자인지 확실하게 확인할 수 있게 해준다. useEffect 훅 사용하기 유저가 인증된 상태라면 이 페이지를 리로드 하더라도 유지되어야 한다.  그러나 현재 상태에서 새로고침 시에 인증 상태가 사라

🚨  오늘은 ref에 대해서 공부하기,,,,=  ref는 상당히 강력한 아이다. 👉  기본 상태에서의 ref는 다른 DOM요소로 엑세스해서 작업할 수 있게 해주는 역할이다. 예시) 여기 보이는 코드들 중에서 위와 같이 input 태그에서 유저가 입력하는 바를 추적해

🚨 오늘은 class에 대하여 공부해보자,,,, 지금까지 비슷한 형태의 객체를 생성하기 위해서 생성자 함수를 사용했었는데 class를 사용해서도 만들 수 있다. Class는 ES6에 추가된 스펙입니다. 🌀 생성자 함수 : 객체를 생성하는 함수를 의미한다.

🚨 시맨틱 마크업에 대해서,,, Semantic : 의미론적인 Markup : HTML태그로 문서를 작성하는 것👉 즉 Semantic Markup 이란 의미를 잘 전달하도록 문서를 작성하는 것을 말합니다.태그를 각각에 용도에 맞게 사용해야 합니다. 헤더 : head

🚨 Styled-components에 대해서 알아보자,,,,자동 중요 Css : styled-components는 페이지에서 렌더링되는 구성 요소를 추적하고 완전히 자동으로 해당 스타일만 삽입합니다. 코드 분할과 함께 이는 사용자가 필요한 최소한의 코드를 로드함을 의

📱react-native 시작!!🧐 > React - native Homebrew 설치 Nodejs 설치 Watchman 설치 React Native CLI 설치 Xcode 설치 Cocoapods 설치 JDK 설치 Android studio 설치 Andro

🌈 홀라 팀프로젝트!! 윌라 clone coding 기간 : 2021.11.15 ~ 2021.11.26(총 12일간) 레퍼런스 페이지 : 윌라페이지바로가기 👉 책 구독, 책에 대한 평점을 줄 수 있는 사이트 팀명 : HOLLA(홀라) 팀원구성 : [FE]: 설

$ git clone (remote repository url)터미널 내에서 git clone (내 repository 주소)을 통해 remote repository안에 있는 파일을 내 local repository로 가져오는 것.$ git statusgit statu