주섬주섬 코딩, 소소하지만 꾸준히 쌓아가는 개발 기록...

정의 HTML의 클라이언트 사이드 조작을 단순화 하도록 설계된 크로스 플랫폼의 자바스크립트 라이브러리로 MIT 라이선스로 배포되는 무료 오픈소스 소프트웨어이다. 역사 Ajax 기술이 주목받기 시작하면서 자바스크립트의 중요성이 높아졌고 자바스크립트 라이브러리들이 생기기 시작했다. jQuery도 그 중 하나였으며 단순하고 간결한 코드를 통해 DOM(Document Object Model)을 추상화해서 관리할 수 있기 때문에 선풍적인 인기를 끌었다. 사용법 파일 설명 uncompressed : 원본 파일 (확장자 : .js) minified : 원본을 압축한 파일 (확장자 : .min.js) slim : 해당 버전에서 필요없다고 생각하는 라이브러리를 제거한 파일 (.slim.js) slim minified :..

인프런 타입스크립트 기초를 통해 공부중이며 제로초님의 유료강좌입니다. 코드를 통으로 가져오지는 않겠습니다.(내가 글을 쓰면서 복습하는게 목적이기때문에 필요한 부분만) 타입스크립트에 익숙하지않다면 자바스크립트로 먼저 코드를 작성하고 그 후에 타입스크립트로 변환하도록하자. 타입스크립트 (Typescript) 오 드디어 강의가 거의 끝이 나 보인다.!!!! 강의보고 이해하고 글한번 적고,, 다른것도 하다보니 되게 오래걸렸다. 다보고나면 뭐 하나 만들어보고 간단히 강의 훑고 react랑 typesctipt 같이 써봐야지! 진짜 의식의 흐름대로 글을쓰다보니 1회차부터 보니까 ㅋㅋㅋ 내가 헷갈림..ㅎㅎ 나중에는 공식문서보면서 좀 제대로 알아봐야겠다. Typescript를 지원하는 패키지, 아닌 패키지 일단 type..

몇일 전에 크레인인형뽑기 문제를 풀고 난 후에 다른 사람의 코드에서 reduce 메서드를 사용하는 것을 확인했고 궁금해져서 메서드에 대해 공부해봤습니다. reduce reduce 구문 arr.reduce(callback(acc, cur, curIndex, arr), initVal]); reduce 인자 누적 값(acc) 현재 값(cur) 현재 인덱스 (curIndex) 원본 배열(arr) 그리고 initialValue라는 callback의 최초 acc에 제공하는 누적 값의 초기 값. 만약 초기 값이 없다면 자동으로 누적 값은 원본배열(arr)의 0번째 인덱스 값으로 지정됩니다. 간단한 예제를 보겠습니다. // 초기 값이 없을때 [1,2,3,4,5].reduce((acc, cur, curIndex, arr..

강의 유튜브 주소 : https://www.youtube.com/watch?v=V3QsSrldHqI&list=PLcqDmjxt30RtqbStQqk-eYMK8N-1SYIFn react는 setState로 state관리를 한다. 불변성을 지켜야하기때문에 아래와 같이 사용했는데 this.setState({ value : this.state.value }); 리액트 로직이 기존 state와 새로운 state를 비교하여 재 렌더링하기 때문에 참조형인 array, object 같은 경우에는 주의해야한다. 이때 배열에 push하게 되면 기존 참조된 배열에 push가 되기 때문에 기존 state와 새로운 state는 같아진다. 따라서 아래와 같이 새로운 배열을 set해줘야한다. this.setState({ array ..