Web Development
-
타입스크립트 : EP.2Web/Typescript 2023. 8. 7. 13:48
이 글 시리즈는 타입스크립트를 공부하면서 느끼거나 정리할 부분들을 나의 언어로 정리해보는 글 시리즈이다. 타입 스크립트는 어떤 장점이 있나? 이전에 이야기한 것처럼… 복습을 해보자. 타입스크립트는 정적 타입의 컴파일 언어이다. 이는 우리가 변수를 만들 때, 이 변수가 어떤 유형인지를 미리 명시하고 개발을 진행해야한다는 의미이다. 이전 에피소드에서 썼듯이, 나는 자바스크립트 코딩을 하면서 변수의 타입을 처음부터 명시하지 않고 그때그때마다 데이터 타입을 바꾸거나 하는 과정을 꽤나 즐기면서 코딩을 해왔다. 하우에버...타입스크립트는 이러한 행위를 좋아하지 않는다. (any 타입을 사용하여 구현이 가능은 하다.) 타입스크립트의 모든것 타입스크립트를 한번 쭉 둘러보면서 공부를 해본 결과, 내가 생각한 타입스크립트..
-
[ React.js / 에러 ] HTML video 엘레먼트 src 변경 시 렌더링 업데이트가 되지 않는 에러.Web/React.js 2023. 6. 30. 19:00
사실 에러라고 하기보다는 리액트의 렌더링에 대해 더 명확하게 알지 못해서 벌어진 나의 실수라고 하는 것이 더 정확하지만... 에러 상황 : 현재 리액트로 나의 작업물들을 모아둔 아카이빙 웹사이트를 개발하는 중이다. 내가 구현하고자 했던 기능은, 화면 왼편의 프로젝트 리스트 중 하나를 클릭하면, 화면 오른편에 해당하는 프로젝트의 정보를 보여주는 것인데, 이때, 프로젝트의 데이터에 비디오가 있다면 video 태그를 함께 return하여 보여주는 것이었다. 알고리즘을 구상하여 코딩을 진행했고, 잘 동작하는듯 했다. 하지만, 뜻밖의 문제를 직면했는데, 비디오가 없는 프로젝트를 클릭했다가, 다시 비디오가 포함된 프로젝트를 클릭하는 경우에는 제대로 비디오가 보여졌으나, 비디오가 포함된 다른 두 프로젝트를 연속으로 ..