개발 22

[유데미] <클린코드 리액트(React)> 수강 후기

※ 글또에서 무료로 지원받은 유데미 강의입니다. 클린코드 리액트(React) 📚 강의를 선택한 이유 📖 강의 내용 💡 수강 후 느낀점 👋 마치며 강의를 선택한 이유 이전에 원티드 프리온보딩 챌린지 강의를 재미있게 들어서, 해당 강의를 진행하신 장현석님의 유데미 강좌도 들어보고 싶었다. 리액트로 개발을 하고 있지만 무의식 중에 잘못된 코드를 작성하고 있는건 아닌지 고민이 생길 때, 올바른 방법으로 사용하고는 있는데 왜 그렇게 써야 하는지는 모를 때 클린 코드 강의를 들었던 기억이 도움됐기 때문이다. [원티드 프리온보딩 챌린지 11월] 클린 코드 개념 정리&강의 후기 원티드 프리온보딩 프론트엔드 챌린지 11월 클린 코드 개념 정리&강의 후기 클린 코드 프론트엔드 | 프리온보딩 FE 챌린지 11월 | 원티드 ..

개발/React 2024.04.14

[TypeScript] 타입스크립트를 사용하는 3가지 방법

타입스크립트를 사용하는 3가지 방법 타입스크립트를 사용하는 방법 런타임 - 타입 가드 IDE - 타입체커(tsserver) 컴파일 - 타입스크립트 컴파일러(tsc) - Babel vs TypeScript 마치며 타입스크립트를 사용하는 방법 요즘 개발하는 대부분의 프로젝트는 타입스크립트로 진행된다. 타입스크립트의 강력한 장점은 자동 완성으로 개발에 편의를 더해주고, 런타임 오류를 잡아내 유저가 겪을 문제를 사전에 방지할 수 있도록 한다는 점이다. 타입스크립트를 처음 접할 때 자바스크립트에 타입이 추가된 언어라고 배우는데, 그렇다면 타입스크립트는 어떻게 타입을 이용해 자동 완성을 가능하게 하고, 에러를 잡아내도록 작동하는 것일까? 예전에 원티드 챌린지를 들으며 런타임, IDE, 컴파일 시점으로 나누어 타입스..

개발/TypeScript 2024.03.03

[WebStorm] 웹스톰 에디터 배경색 변경하기

[WebStorm] 웹스톰 에디터 배경색 변경하기 나는 시력이 나쁘기도 하고 눈 건강이 좋지 못해서, 안구 건강을 지키기 위해 할 수 있는 일은 다 해보려고 한다. 개발자들이라면 대체로 IDE 색상 설정을 어두운 배경에 흰 글씨로 해두는 것이 디폴트일텐데, 이런 '다크모드'가 눈 건강에 좋지 못하는 얘기를 들었다. 요약하자면 전체적으로 어두운 색상 때문에 빛의 양이 줄어들어 동공이 커지고, 난시와 근시가 심해진다는 내용이다. 그래서 IDE의 설정을 밝은 테마로 바꾸어 보았다. 테마 변경 가이드는 찾으면 나오지만, 배경색만 교체하는 글은 찾기 어려워서 혹시 나같이 눈이 시려 개발에 어려움을 겪는 사람이 있다면 돕고 싶어 글을 작성해 본다. HTML 삽입 미리보기할 수 없는 소스 1. 기존 색상 테마 기존에..

개발 2023.07.16

[JavaScript] 코어 자바스크립트 - 8. 클래스

1. 클래스에서 Object.create에 대해서 설명해 주세요. Object.create()는 새로운 객체를 생성하는 메소드 이 메소드는 인자로 전달된 객체를 상속하기 때문에, 기존 객체의 프로퍼티와 메소드를 그대로 사용할 수 있음 2. Object.create 함수는 클래스와 어떤 관계가 있을까요? 모두 상위 객체, 클래스를 상속하는 새로운 객체를 만들 수 있는 공통점이 있음 Object.create는 인자로 어떤 객체를 전달하는지에 따라 원하는 객체를 상속하는 새로운 객체를 생성 클래스에서는 extends 키워드를 사용해 상속 관계를 정할 수 있음 3. Object.create와 new Object는 어떻게 다를까요? Object.create로 객체를 생성하면 인자로 넣은 객체를 상속하는(프로토타..

개발/JavaScript 2023.06.18

[JavaScript] 와우(WOW)의 인스턴스 던전이 생성되는 방법 (class와 instance)

※ 실제 게임 와우(월드 오브 워크래프트)의 공략이나 게임 개발 등과는 전혀 관련이 없는 내용입니다. 자바스크립트의 Class 개념을 학습하며 작성된 글입니다. 인스턴스? 누구세요? 자바스크립트에 입문하고 인스턴스라는 용어를 처음 알게 되었을 때, 일상에서 자주 사용하는 단어가 아니다보니 개념을 익히기가 어려웠다. 내가 알고 있는 인스턴스의 쓰임이라고는 와우의 '인스턴스 던전' 뿐이었다. 혹은 인스턴트(instant)의 오타인 줄 알았다. 인스턴스를 사전에서 찾아보면 '사례'라는 뜻으로 나와있다. 자바스크립트의 클래스를 학습하면서 객체, 인스턴스라는 단어를 자주 사용하게 되는데, 그럴 때마다 머릿속 한 편에 있던 '클래스의 인스턴스는 와우의 인스턴스 던전과 도대체 무슨 관계인걸까?'라는 물음이 해소되질 ..

개발/JavaScript 2023.06.13