개발8 [TypeScript] 한 입 크기로 잘라먹는 타입스크립트 - 03. 타입 스크립트 소개 타입스크립트 소개 요약- 타입스크립트는 인기가 많은 대세 언어이다.- 타입스크립트는 자바스크립트에서 출발했다- 자바스크립트도 인기가 많다.- 자바스크립트만으로도 충분했는데 왜 타입스크립트가 등장했나? - 원래 자바스크립트는 웹 브라우저만 작동되도록 한 언어였으나, 자바스크립트의 구동기인 node.js의 등장으로 어디서든 작동 가능하게 되었다. - 어디서든 작동할 수 있게 되어 예상치 못한 버그가 생겨났다. - 버그를 막기 위해 그 타입에 대한 요소가 추가된 타입스크립트가 탄생하게 되었다. +)- 타입스크립트는 2012 MS 개발자이자 C#의 창시자인 Anders Hejlsberg(앤더스 하일스버그)에 의해 만들여졌다.- 타입스크립트는 오픈소스로 공개되어 있어 현재도 많은 프로그래머들에 의해 .. 2024. 7. 5. [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. [Kotlin] 안드로이드 스튜디오 가로/세로 분할 변경하기 안드로이드 스튜디오를 처음 사용하는데 갑자기 화면이 가로 분할 되어서 당황했다. 보기가 불편해서 어떻게 바꾸는지 검색해보았다. 열려있는 파일 이름 우클릭 - Split Right 을 해서 돌아갈 수 있었다 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 2 다음
