프로그래밍 삽질 중

출처: https://www.inflearn.com/course/web-game-react/dashboard [무료] 웹 게임을 만들며 배우는 React - 인프런 | 강의 웹게임을 통해 리액트를 배워봅니다. Class, Hooks를 모두 익히며, Context API와 React Router, 웹팩, 바벨까지 추가로 배웁니다., - 강의 소개 | 인프런... www.inflearn.com 출처 : https://github.com/ZeroCho/react-webgame/tree/master/2.%EB%81%9D%EB%A7%90%EC%9E%87%EA%B8%B0 GitHub - ZeroCho/react-webgame Contribute to ZeroCho/react-webgame development by..

출처: https://www.inflearn.com/course/web-game-react/dashboard [무료] 웹 게임을 만들며 배우는 React - 인프런 | 강의 웹게임을 통해 리액트를 배워봅니다. Class, Hooks를 모두 익히며, Context API와 React Router, 웹팩, 바벨까지 추가로 배웁니다., - 강의 소개 | 인프런... www.inflearn.com * Hooks란? ▶ 기존 컴포넌트에서는 state, Ret 사용할 수 없었음 ▶ 함수 컴포넌트 안에서도 state, Ret, useEffet 사용할 수 있게 함 ▶ state를 하나씩 분리함(함수 컴포넌트 안에 있어야함) - class, for의 경우 각각 className, htmlFor을 사용 * webpack ..

* 목표 - 이전에 배포했던 영단어 version 2(자바스크립트(js))를 타입스크립트로(ts) 변환하는 것이 목적 * 첫 번째 ▶ interface 사용 문제점 : 대다수 함수에 사용된 매개변수(english, korean, type, status(간간히))가 모두 string 값이나 interface로 사용 시 js로 변환하면 사라짐 ▶ 제네릭을 이용해보자 생각함 ▶ ts에서 이벤트 사용하기 문제점1 : js 내 document.querySelector는 ts에서 인식되지 않음 ▶ 해결책 : https://stackoverflow.com/questions/12989741/the-property-value-does-not-exist-on-value-of-type-htmlelement Typescrip..

출처 : http://www.yes24.com/Product/Goods/107478270 보통의 취준생을 위한 코딩 테스트 with 파이썬 - YES24 이 책은 손에 잡히는 코딩 테스트 합격 방법을 제시한다. 바로 “백준 플래티넘 5 & 코드 포스 파란색 랭크”로 목표 설정을 구체화한 것이다. 이 수준을 달성하면 웬만한 기업의 코딩 테스트 문 www.yes24.com * 스택(10828) https://www.acmicpc.net/problem/10828 10828번: 스택 첫째 줄에 주어지는 명령의 수 N (1 ≤ N ≤ 10,000)이 주어진다. 둘째 줄부터 N개의 줄에는 명령이 하나씩 주어진다. 주어지는 정수는 1보다 크거나 같고, 100,000보다 작거나 같다. 문제에 나와있지 www.acmic..

출처 : https://github.com/ZeroCho/ts-all-in-one GitHub - ZeroCho/ts-all-in-one Contribute to ZeroCho/ts-all-in-one development by creating an account on GitHub. github.com * 참고(url 및 method 방식들) : https://jsonplaceholder.typicode.com/guide/ JSONPlaceholder - Guide Guide Below you'll find examples using Fetch API but you can JSONPlaceholder with any other language. You can copy paste the code in yo..

* 참고 : https://story.pxd.co.kr/1593 Typescript 알아보기 2편 들어가며 지난 1편에서 타입스크립트가 어떤 언어이고 왜 쓰면 좋은지 알아보았다면 이번엔 이 정적인 언어를 어떻게 적용하는지 알아보도록 합시다. 타입스크립트 적용해 보기 지금부터 타입 story.pxd.co.kr * 참고 : https://littleworks.tistory.com/20 [Typescript] 내 첫 typescript 만들기(컴파일, html에서 확인하기) 오늘은 땅콩코딩님 영상 보고 스스로 연습한 부분을 정리해보겠다. 첫 typescript 파일 만들기 ! (설치는 이전글) 결국 typescript자체는 브라우저에서 동작하지 않기 때문에, typescript 를 javascript로 컴 l..

출처 : https://github.com/ZeroCho/ts-all-in-one GitHub - ZeroCho/ts-all-in-one Contribute to ZeroCho/ts-all-in-one development by creating an account on GitHub. github.com * axios - axios = fetch + 여러가지 기능(XHMLHttpRequest) - 서버 응답, 요청 시 많이 사용 * axios 사용방법(크게 3가지) 1. new axios(); 2. axios(); //함수처럼 3. axios.get() * import 방식여부 index.d.ts 파일 내용 따라 다름 //index.d.ts 파일 내에서 //마지막 줄에 export defaul axios ..

출처 : https://github.com/ZeroCho/ts-all-in-one GitHub - ZeroCho/ts-all-in-one Contribute to ZeroCho/ts-all-in-one development by creating an account on GitHub. github.com 출처 : https://github.com/microsoft/TypeScript/blob/main/lib/lib.es2019.array.d.ts GitHub - microsoft/TypeScript: TypeScript is a superset of JavaScript that compiles to clean JavaScript output. TypeScript is a superset of JavaScr..