소개
무엇이든 쉽고 재미있게 설명할 방법이 있다고 믿는 사람입니다.
인사이트 "한 입 크기로 잘라먹는 리액트" 도서의 저자입니다.
주니어 개발자 혹은 개발자들을 희망하는 이들을 돕기 위해
지식 공유사이트 DEVSTU를 개발해 약 2년간 운영했고
리액트 개발자들을 위한 오픈채팅방을 운영하고 있습니다.
좋은 발성과 딕션 그리고 시각자료에 언제나 진심입니다.
강의
전체2수강평
게시글
질문&답변
2024.04.18
오픈그래프 태그
안녕하세요 이정환입니다. 질문 가이드라인에 명시해둔 대로 프로젝트 개발 진행 중 발생한 이슈는 제가 전체 코드를 확인해봐야 원인을 파악할 수 있습니다 🥲 따라서 깃허브 등을 통해 전체 코드를 전달해주시면 살펴보겠습니다.
- 0
- 2
- 25
질문&답변
2024.04.13
강의 자료 다운 로드 뜨면 에러가 떠용 XML 이랑 에러..!
안녕하세요 이정환입니다. 강의 자료 업로드는 정상적으로 진행되었는데 이상하네요 우선 급하신대로 구글 드라이브 다운로드 링크를 남겨드리겠습니다. 강의 자료(PDF) https://drive.google.com/file/d/125vcG284z_F0Wizaq9u5a_qvZEbttT1y/view?usp=sharing 12.6 폰트 및 이미지 파일 https://drive.google.com/file/d/1HMVekHgQ3AYbn9wtASMCqbJwFisRR4E_/view?usp=sharing 12.18 아이콘 및 썸네일 파일 https://drive.google.com/file/d/1OgMu5ZYxjB-saxLQlHFdv2VRpnFkg8cQ/view?usp=sharing
- 0
- 2
- 86
질문&답변
2024.04.12
typescript와 webpack/babel 웹 브라우저 관계
안녕하세요 이정환입니다. 질문해주신 순서대로 답변드릴게요 바이트코드는 자바스크립트 엔진에 의해 실행됩니다. 이 엔진은 Node.js와 Browser 모두가 가지고 있습니다. 정확한 내부적인 실행 원리는 아래의 아티클을 참고해보시면 좋을 것 같습니다. https://pks2974.medium.com/v8-%EC%97%90%EC%84%9C-javascript-%EC%BD%94%EB%93%9C%EB%A5%BC-%EC%8B%A4%ED%96%89%ED%95%98%EB%8A%94-%EB%B0%A9%EB%B2%95-%EC%A0%95%EB%A6%AC%ED%95%B4%EB%B3%B4%EA%B8%B0-25837f61f551 2-a. tsconfig.json의 target 옵션은, Babel 설정에 의해 덮어씌여질 수 있습니다. 엄밀히는 Babel의 preset-env라는 설정이 존재하는데 이 설정이 최종적으로 코드의 호환성을 결정하게 됩니다. 2-b. 역시 Babel 설정에 덮여씌워질 수 있습니다. 최종 출력은 Babel 설정에 따라 결정된다고 생각하시면 될 것 같습니다. 완전 엄밀히 말씀드리자면 Babel에는 @babel/preset-typescript 라는 옵션이 존재하는데요 이 옵션을 켜게 될 경우 Babel이 TypeScript의 트랜스파일링 과정을 담당하게 됩니다. Create React App은 이 옵션이 켜져 있습니다. 그러나 한가지 주의하실 점은 트랜스파일링 과정에서 타입 체킹은 TypeScript가 직접 담당하게 됩니다. 따라서 타입 체킹시에는 tsconfig.json의 compilerOptions의 설정들에 따라 타입 검사가 진행됩니다. 네 가능합니다. Babel을 사용하는 이유는 TS를 JS로 컴파일 하는것 외에도 JSX 형식의 파일을 JS 형식으로 변환하는 등의 역할을 수행합니다. 만약 React를 사용하지 않는 환경이라면 JSX를 사용하지 않으므로 굳이 Babel을 사용할 필요가 없을 수도 있는데요, 이때에는 TypeScript 컴파일러를 통해 직접 TS 코드를 JS로 컴파일 한 다음 Node.js를 이용해 웹에 서빙하면 됩니다.
- 0
- 1
- 64
질문&답변
2024.04.12
리랜더링 highLight 질문..
안녕하세요 이정환입니다. 아래 그림과 같이 Header 컴포넌트에는 하이라이트가 안 들어가고 있습니다. TodoEditor 컴포넌트와 App 그리고 TodoList, TodoItem 컴포넌트에만 하이라이트가 들어가고 있어요 Header 컴포넌트에 하이라이트가 들어간다면 날짜 아래에 새로운 경계선이 하나 더 보여야 합니다 (사진)
- 1
- 1
- 64
질문&답변
2024.04.12
강의 자료 이름을 바꿔 다운받아도 안받아집니다
구글드라이브에서 바로 다운로드 받으실 수 있도록 링크 올려드립니다! 추가로 macOS 환경에서 압축하여 문제가 발생할 수 있는 부분의 해결을 위해 keka를 이용해 모든 파일을 재 압축해 두었습니다! 강의 자료(PDF) https://drive.google.com/file/d/125vcG284z_F0Wizaq9u5a_qvZEbttT1y/view?usp=sharing 12.6 폰트 및 이미지 파일 https://drive.google.com/file/d/1HMVekHgQ3AYbn9wtASMCqbJwFisRR4E_/view?usp=sharing 12.18 아이콘 및 썸네일 파일 https://drive.google.com/file/d/1OgMu5ZYxjB-saxLQlHFdv2VRpnFkg8cQ/view?usp=sharing
- 0
- 3
- 143