본문 바로가기

전체 글33

React 소스코드는 타입스크립트로 작성되어 있는데 왜 파일 확장자는 .js일까? React를 분석(구경)하기 위해 React의 원본 소스코드를 직접 내려받아 살펴보았다. (https://github.com/facebook/react)그런데 뜻 밖의 장면이 펼쳐졌다. 코드에는 분명 type, 제네릭 등의 타입스크립트 문법처럼 보이는 구문이 가득했는데 파일 확장자는 .ts가 아닌 .js 였던 것이다. 그리고 VsCode 에디터는 해당 코드를 이해하지 못해서 "너 왜 타입스크립트에서만 쓸 수 있는 Type들을 자바스크립트 파일에서 쓰려고하니?"라고 오류(빨간줄)를 마구마구 뱉고 있었다. 순간 머릿속에 물음표가 떠올랐다."React 소스코드는 타입스크립트로 되어 있는데 왜 확장자가 .js일까?" 궁금증을 풀기 위해 공식 문서, 스택 오버플로우 등의 커뮤니티 글들을 찾아보았다. 그 과정에서 .. 2025. 8. 19.
TS와 JAVA에서 OOP를 구현하는 방식의 차이와 아키텍처 공부에 대한 필요성 저는 요즘 객체 지향을 공부할 겸, 겸사겸사 객체 지향의 정수인 자바도 학습하고 있습니다. 그리고 최근 타입스크립트와 OOP(Object-Oriented-Programming) 구조로 이루어진 회사의 코드에 추가 기능을 작업하던 중, 들었던 생각이 있어 이를 공유하고자 합니다. 일단 회사 코드 클래스의 설계는 대략 아래와 같이 하나의 부모 클래스를 여러 자식 클래스가 상속을 받는 구조입니다. Basis 클래스는 해당 클래스에 대한 정보들이 들어있고, DrawBasis 클래스는 Basis 클래스를 참조하며, Basis 클래스 안에 있는 속성을 어떻게 그려야 할 지를 정해주는 클래스입니다. 그리고 DrawBasis 클래스를 여러 자식 클래스들이 상속 받아서 다양한 자식 클래스들을 각각의 속성에 맞게 그려주는.. 2024. 4. 9.
console.log를 사용하는 당신의 디버깅은 안녕하신가요? 자바스크립트를 사용하며 개발을 하다 보면, 코드의 실행 상태를 확인하기 위해 console.log()를 사용하여 로깅을 자주 사용합니다. 특히 변수의 값이나 객체의 상태를 확인할 때, 대부분의 개발자(저 포함)는 console.log()를 자주 사용합니다. 그러나 console.log()를 사용하여 객체의 상태를 확인하는 것은 몇 가지 이유로 바람직하지 않을 수 있습니다. 이 글에서는 그 이유와 함께, 제 경험을 예시로 들어, 객체의 상태를 보다 정확하게 확인하기 위한 대안으로 console.table()의 사용을 제안하고자 합니다. console.log의 한계 console.log() 메서드는 자바스크립트 개발에서 가장 흔히 사용되는 디버깅 도구 중 하나 입니다. 변수의 값이나 코드의 실행 결과를 신속.. 2024. 3. 22.
2023 회고 원래는 보통 12월 말, 1월 초애 연간 회고를 하지만, 개인적인 이슈(게으름, 미루기)로 인해 지금이나마 2023 연간 회고를 해보고자 한다. 0. 부트캠프 나는 2022년 2월 부트캠프를 통해 처음으로 웹 개발이라는 것을 접해보았다. 물론 학교를 다닐 때, c언어와 파이썬을 찍먹해보기는 했지만, 웹 개발은 이 때가 처음이었다. 교육은 자바 백엔드 과정이었는데, 여느 부트캠프와 다름없이, 강사님은 서둘러 진도를 나가기 바쁘셨고, 우리들은 강사님의 코드를 따라치기 바빴다. 부트 캠프는 해당 과정을 수료하면, 취업 연계로 협력사로 취업을 시켜주는 시스템이었는데, 지금와서 생각해보면, cs, 웹개발 기초 등은 소홀히 하고, 일단 교육생들에서 자바 스프링을 찍먹 시킨 후, 최대한 많이 "아는 것 처럼" 포장시.. 2024. 1. 21.
728x90

티스토리툴바