Clipper 스터디 (7) 썸네일형 리스트형 백준 4주차 백준 풀이 코드 올라간 깃허브 링크입니다. https://github.com/seulgib/Clipper_Baekjoon/tree/main/Baekjoon Inflearn 4주차 NetFlix 앱 만들기 - part1 1) The Movie DB API 생성 넷플릭스 애플리케이션을 만들기 위해선 영화 정보를 담은 API를 가져다 써야하므로, TMDB라는 사이트에서 영화 정보에 대한 openAPI를 가져다 쓸 것이다. 아래 사이트 접속해서 회원가입 한 후 프로필 사진 클릭 > Settings > API 들어가면 API 키를 복사할 수 있다. https://www.themoviedb.org/ The Movie Database (TMDB) Welcome. Millions of movies, TV shows and people to discover. Explore now. www.themoviedb.org 넷플릭스 애플리케이션 작업 폴더 src에 api 폴더를 생성한 후 위에서 생성한 .. Inflearn 3주차 React Component -Class Component: 더 많은 기능 제공, 더 긴 코드 양, 더딘 성능, 더 복잡한 코드 -Functional Component: Class Component의 반대 성질 함수형에서는 리액트의 생명주기를 쓰지 못했다. -> React 16.8 Hooks 업데이트로 인해 함수형 컴포넌트에서도 생명주기를 사용할 수 있기에 데이터를 가져오고 컴포넌트 시작하자마자 API도 호출하고 등등을 할 수있게 되었다. 그리고 함수형 컴포넌트를 쓰면 React Hooks를 이용해 리액트 생명주기를 사용하면서 코드를 훨씬 간결하게 할 수 있다. ex) const [value, setValue]=useState(""); -> 첫번째 매개변수는 변수 이름이고, 두번째 매개변수는 첫번째 변수.. 백준 2주차 깃헙 링크: https://github.com/seulgib/Clipper_Baekjoon.git GitHub - seulgib/Clipper_Baekjoon Contribute to seulgib/Clipper_Baekjoon development by creating an account on GitHub. github.com //색종이 너비구하기 //겹치는 너비 뺴야함. #include #include #include #define LENGTH 10 using namespace std; int main(void) { int n; cin >> n; vector input(n); int first, second; for (int i = 0; i > first >> second; input[i] = { f.. Inflearn 2주차 간단한 To-Do 앱 만들며 리액트 익히기 1) Create React App으로 실행된 리액트의 기본 구조 https://create-react-app.dev/docs/folder-structure/ Folder Structure | Create React App After creation, your project should look like this: create-react-app.dev -public/index.html(페이지 템플릿) & src/index.js(JS 시작점)는 이름이 수정되면 안되는 파일들 -src폴더 잍에 JS 파일과 CSS 파일들을 넣으면 됨. 이 폴더 이외에 넣는 것들은 webpack에 의해서 처리되지 않음. 따라서 대부분의 리액트 소스코드들은 이곳에 작성하면 된다. pac.. 백준_1주차 Baekjooon https://github.com/seulgib/Clipper_Baekjoon.git GitHub - seulgib/Clipper_Baekjoon Contribute to seulgib/Clipper_Baekjoon development by creating an account on GitHub. github.com *아래는 코드를 작성하기전에 대략적으로 작성했던 슈도코드이다. 10988 회문 판별하기 25206 학점 평균 구하기 1316 그룹단어 체커 인프런_1주차 Inflearn 따라하며 배우는 리액트 A-Z Section 1. React란? 1. 리액트는 프레임워크가 아닌 라이브러리 리액트는 전적으로 UI를 렌더링하는데 관여하기 때문. framework vs Library 프레임워크: 어떠한 앱을 만들기 위해 필요한 대부분의 것을 가지고 있음. 라이브러리: 어떠한 특정 기능을 모듈화 해놓은 것. 프레임워크가 라이브러리보다 넓은 개념. *가장 큰 차이는 제어흐름이 어디에 있는가이다. 프레임워크는 전체적 흐름을 쥐고 있으며, 라이브러리는 개발자가 전체적인 흐름을 만듦. 즉, 수동적이냐 능동적이냐 차이 2. 리액트 컴포넌트 Component: 리액트로 만들어진 앱을 이루는 최소 단위 컴포넌트=독립적인 조각 즉, 하나의 페이지를 여러개의 컴포넌트가 모여 이룬다고 볼 수.. 이전 1 다음
