프론트엔드6 [TypeScript] 한 입 크기로 잘라먹는 타입스크립트 - 03. 타입 스크립트 소개 타입스크립트 소개 요약- 타입스크립트는 인기가 많은 대세 언어이다.- 타입스크립트는 자바스크립트에서 출발했다- 자바스크립트도 인기가 많다.- 자바스크립트만으로도 충분했는데 왜 타입스크립트가 등장했나? - 원래 자바스크립트는 웹 브라우저만 작동되도록 한 언어였으나, 자바스크립트의 구동기인 node.js의 등장으로 어디서든 작동 가능하게 되었다. - 어디서든 작동할 수 있게 되어 예상치 못한 버그가 생겨났다. - 버그를 막기 위해 그 타입에 대한 요소가 추가된 타입스크립트가 탄생하게 되었다. +)- 타입스크립트는 2012 MS 개발자이자 C#의 창시자인 Anders Hejlsberg(앤더스 하일스버그)에 의해 만들여졌다.- 타입스크립트는 오픈소스로 공개되어 있어 현재도 많은 프로그래머들에 의해 .. 2024. 7. 5. [TypeScript] 한 입 크기로 잘라먹는 타입스크립트 OT 미루고 미뤄왔던 타입스크립트를 공부해야할 때가 온 것 같다. 오늘부터 시작.오리엔테이션 요약강의 최종 목표- 단순히 문법만 나열하는 강의 X- 타입스크립트의 동작 원리 자세히 이해- 매력적인 타입 시스템에 대한 깊은 이해 수강 대상- 자바스크립트(ES6+)를 이미 다룰 줄 아는 사람(기본 문법 - 프로미스, 배열 메소드 정도만 알고 있으면 된다고 한다.) 커리큘럼0. 강의 소개1. 타입스크립트 개론2. 타입스크립트 기본3. 타입스크립트 이해하기4. 함수와 타입5. 인터페이스6. 클래스7. 제네릭8. 타입 조작하기9. 조건부 타입10. 유틸리티 타입11. 보너스) 리액트와 타입스크립트 비고학습 노트 작성을 권장하신다. 강의 내용 캡쳐, 소스 코드 공개 등을 자유롭게 해도 된다고 오리엔테이션에 명시해주셔서 .. 2024. 7. 3. [React] 동적 화면 넓이 구하기 const [innerWidth, setInnerWidth] = useState(window.innerWidth); useEffect(() => { const resizeListener = () => { setInnerWidth(window.innerWidth); }; window.addEventListener("resize", resizeListener); }); console.log("innerWidth", innerWidth); 높이는 Width를 Height으로 바꿔서 구하면 됨 출처 : https://velog.io/@bunny/%EB%A6%AC%EC%95%A1%ED%8A%B8-%ED%99%94%EB%A9%B4-%EC%82%AC%EC%9D%B4%EC%A6%88-%EA%B5%AC%ED%95%98%.. 2023. 8. 16. [Kotlin] 안드로이드 스튜디오 가로/세로 분할 변경하기 안드로이드 스튜디오를 처음 사용하는데 갑자기 화면이 가로 분할 되어서 당황했다. 보기가 불편해서 어떻게 바꾸는지 검색해보았다. 열려있는 파일 이름 우클릭 - Split Right 을 해서 돌아갈 수 있었다 2023. 5. 25. [python] 터미널에서 파이썬 파일 여는 법 1. 터미널을 열고 파이썬 파일이 있는 경로로 이동한다. 2. python {파일명}.py를 입력한다. 1. 터미널에서 파이썬 파일 있는 경로로 이동 (나는 폴더명을 'python'으로 지정해두었다.) cd {파일경로} 2. python {파일명}.py 를 입력한다. python {파일명}.py #결과 파일에 적은 내용이 출력되었다 2023. 5. 25. [yarn]Command failed with exit code 127 / react-scripts: command not found 이번에 리액트로 협업할 일이 생겨서 git에서 다른 팀원이 셋팅해둔 파일을 클론해서 받았는데 실행하려니 오류창이 뜨는 것이다. $yarn start 지금까지 리액트는 npm으로만 해봤지 yarn으로는 한 적이 없어서 당황스러웠다. 구글링 했더니 npm update 하면 된다고 한다 $npm update 후 다시 $yarn start 다행히 금방 해결되었다 2023. 4. 15. 이전 1 다음
