clonecoding [TOY 1] OP.GG 클론 코딩 - ① 발급 받은 라이엇 API 키를 사용해서 API를 호출하자! -- API 호출에는 Apache에서 제공하는 HttpClient를 사용, 사용언어는 JAVA -- 사용언어는 JAVA다. 1. Riot API 확인하기 문서를 확인 -- 소환사 정보를 받는 API는 총 5개가 존재한다. 이중 summonerName(소환사명)을 사용하여 값을 받아보자. 사용할 API를 클릭하고 하단에 테스트 툴을 사... clonecodingclonecoding KINFOLK CloneProject 01 어제부터 시작했던 KINFOLK Website 클론 프로젝트..! PM 향수님과 함께 포크포크하게 시작했던 프로젝트🍴🍴 이거 해보고싶어서 메인 페이지에 헤더 담당했다! 라고 말해도 무관했던 스크롤 이벤트! 진짜 하면서 머리 데록데록 굴려가면서 물음표 열심히 날렸다.\ 내 코드 => 로고 크기가 가장 큰 상태에서 시작되기때문에, 휠이 아래로 향하는 경우 wheelDelta의 값이 -가 되는 특... ReactWeCodeclonecodingReact 2021.08.19 Study 정리 오늘은 클론 코딩을 했다. 코코아클론 코딩을 하는 중인데 재미있다... 클론 코딩을 하면서 배우고 신기했던 점들을 정리하고자 한다. 웹페이지를 클론 코딩하면서 어려운 점들이 많았는데 내가 그동안 어렵게 생각했던 것 같다. 무작정 큰 것부터 해결할려고 했는데 작은 것부터 해결하면 된다. 1. 모든 페이지에 전부 들어가는 요소들을 먼저 코딩하자. 모든 페이지에 들어가는 요소들이 있다. 예를 들면... clonecoding정리study공부clonecoding 2주간의 1차 프로젝트 후기... 프론트의 경우 리액트를 통해 프로젝트를 진행하였고 class형 컴포넌트를 사용하여 구현하였습니다. 초창기에는 각 페이지별로 선택했는지에 대한 상태를 각각의 메인페이지에서 가지고 그 상태값을 변화값을 주어 해당 아이디가 선택되었는지 확인을 하였다면 보다 직관적이도록 currentIndex: 0 라는 현재 선택된 배열의 인덱스 값을 통해 상태를 변화시켜 가져오는 방법으로 수정하여 현재위치, 이동... projectclonecodingclonecoding 유튜브 페이지 클론코딩 리뷰 'HTML/CSS'로 유튜브의 한 페이지를 클론코딩 해보았다. 기본적인 레이아웃을 짜는 법을 많이 연습해볼 수 있었다. 코드를 짜보면서 구글링을 통해 새로 배우고 기억하고 싶은 CSS 코드들을 정리해보고자 한다! 모바일first로 먼저 시작하여, 웹으로 페이지 크기 확장 시 레이아웃에 변화를 주었다(반응형) 1. position: sticky 스크롤을 내렸을 때 영상 부분은 상단에 붙어있는 ... clonecodingCSSpracticehtmlCSS React 클론 코딩 (노마드 - 영화 웹 서비스 만들기) 1 소스코드에 처음부터 HTML을 넣지 않고, HTML에서 HTML을 추가하거나 제거하는 법을 React는 알고 있다. Hello라는 페이지를 만들어도 html에서는 발견할 수 없다. (ex. application이 빈 html을 로드하고 react가 component에 작성했던 것을 밀어 넣는다.) npm/npx? npm (관리) : Node Package Manager의 약자로 node.js... clonecodingnomadclonecoding
[TOY 1] OP.GG 클론 코딩 - ① 발급 받은 라이엇 API 키를 사용해서 API를 호출하자! -- API 호출에는 Apache에서 제공하는 HttpClient를 사용, 사용언어는 JAVA -- 사용언어는 JAVA다. 1. Riot API 확인하기 문서를 확인 -- 소환사 정보를 받는 API는 총 5개가 존재한다. 이중 summonerName(소환사명)을 사용하여 값을 받아보자. 사용할 API를 클릭하고 하단에 테스트 툴을 사... clonecodingclonecoding KINFOLK CloneProject 01 어제부터 시작했던 KINFOLK Website 클론 프로젝트..! PM 향수님과 함께 포크포크하게 시작했던 프로젝트🍴🍴 이거 해보고싶어서 메인 페이지에 헤더 담당했다! 라고 말해도 무관했던 스크롤 이벤트! 진짜 하면서 머리 데록데록 굴려가면서 물음표 열심히 날렸다.\ 내 코드 => 로고 크기가 가장 큰 상태에서 시작되기때문에, 휠이 아래로 향하는 경우 wheelDelta의 값이 -가 되는 특... ReactWeCodeclonecodingReact 2021.08.19 Study 정리 오늘은 클론 코딩을 했다. 코코아클론 코딩을 하는 중인데 재미있다... 클론 코딩을 하면서 배우고 신기했던 점들을 정리하고자 한다. 웹페이지를 클론 코딩하면서 어려운 점들이 많았는데 내가 그동안 어렵게 생각했던 것 같다. 무작정 큰 것부터 해결할려고 했는데 작은 것부터 해결하면 된다. 1. 모든 페이지에 전부 들어가는 요소들을 먼저 코딩하자. 모든 페이지에 들어가는 요소들이 있다. 예를 들면... clonecoding정리study공부clonecoding 2주간의 1차 프로젝트 후기... 프론트의 경우 리액트를 통해 프로젝트를 진행하였고 class형 컴포넌트를 사용하여 구현하였습니다. 초창기에는 각 페이지별로 선택했는지에 대한 상태를 각각의 메인페이지에서 가지고 그 상태값을 변화값을 주어 해당 아이디가 선택되었는지 확인을 하였다면 보다 직관적이도록 currentIndex: 0 라는 현재 선택된 배열의 인덱스 값을 통해 상태를 변화시켜 가져오는 방법으로 수정하여 현재위치, 이동... projectclonecodingclonecoding 유튜브 페이지 클론코딩 리뷰 'HTML/CSS'로 유튜브의 한 페이지를 클론코딩 해보았다. 기본적인 레이아웃을 짜는 법을 많이 연습해볼 수 있었다. 코드를 짜보면서 구글링을 통해 새로 배우고 기억하고 싶은 CSS 코드들을 정리해보고자 한다! 모바일first로 먼저 시작하여, 웹으로 페이지 크기 확장 시 레이아웃에 변화를 주었다(반응형) 1. position: sticky 스크롤을 내렸을 때 영상 부분은 상단에 붙어있는 ... clonecodingCSSpracticehtmlCSS React 클론 코딩 (노마드 - 영화 웹 서비스 만들기) 1 소스코드에 처음부터 HTML을 넣지 않고, HTML에서 HTML을 추가하거나 제거하는 법을 React는 알고 있다. Hello라는 페이지를 만들어도 html에서는 발견할 수 없다. (ex. application이 빈 html을 로드하고 react가 component에 작성했던 것을 밀어 넣는다.) npm/npx? npm (관리) : Node Package Manager의 약자로 node.js... clonecodingnomadclonecoding