JavaScript6 [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. [React]줄바꿈 안 됨 오류 - 개행문자(\n) 인식하게 하기 문제 리액트에서 줄바꿈이 인식이 안 되는 경우가 있다. 어떤 블로그를 참고하여 {"\n"}, , 컴포넌트 분리의 방법을 모두 써봤는데 소용이 없었다. 해결 css에 white-space: pre-line; white-space: pre-line; 을 추가해주니 개행문자를 인식할 수 있게 되었다. 2023. 8. 13. [모던자바스크립트] 코드 블록 만들기 이 글은 모던자바스크립트https://ko.javascript.info/structure를 참고하여 작성되었습니다. 오류가 있다면 댓글로 말씀 부탁드립니다. 문(statement) : 어떤 작업을 수행하는 문법 구조(syntax structure)와 명령어(command) 예: alert('Hello, world') 코드엔 원하는 만큼 문을 작성할 수 있고, 서로 다른 문은 세미콜론으로 구분 'Hello World'를 두 개의 alert문으로 나눈 예시 alert('Hello'); alert('World') 코드의 가독성을 높이기 위해 각 문은 서로 다른 줄에 작성하는 것이 일반적 alert('Hello'); alert('World'); 세미콜론 //에러 없이 동작하는 코드 alert('Hello') a.. 2023. 8. 11. [모던자바스크립트] Hello, world! 이 글은 모던자바스크립트https://ko.javascript.info 를 참고하여 작성되었습니다. 오류가 있다면 댓글로 말씀 부탁드립니다. 요약 웹 페이지에 자바스크립트 코드를 추가하기 위해 와 같이 삽입 ‘script’ 태그 스크립트 후 태그 옆에 붙은 주석은 "/path/to/script.js” : 사이트의 루트에서부터 파일이 위치한 절대 경로 “script.js” : 같은 폴더에 있는 파일일 경우의 상대 경로 url전체를 속성으로 사용하는 것도 가능 복수의 스크립트를 HTML에 삽입하고 싶다면 스크립트 태그를 여러 개 사용하면 됨 ⚠️ HTML 안에 직접 스크립트를 작성하는 방식은 대개 스크립트가 아주 간단할 때만 사용, 스크립트가 길어지면 별개의 분리된 파일로 만들어 저장하는 것이 좋음. 스크립.. 2023. 8. 11. 이전 1 다음
