게시글
질문&답변
2024.05.01
안녕하세요 매달 말일로 날짜 설정하면 작성이 안되는데 이유가 뭘까요
안녕하세요 이정환입니다. 질문주신 강의 챕터가 "VsCode 설치하기"인데, 최종 프로젝트인 "감정 일기장"에서 매달 말일 일기가 작성되지 않는다는 말씀이실까요? 그렇다면 Home.jsx의 소스코드를 올려주시면 살펴보겠습니다!
- 0
- 1
- 25
질문&답변
2024.05.01
더 배우고 싶은데
안녕하세요 이정환입니다. 그렇군요 ... 생각해보니 해당 강의의 할인 행사는 오픈 이후로 진행한 적이 없는것 같습니다. 조만간 좋은 소식 들려드릴게요! (할인 소식이 있으면 답글로 안내드리겠습니다!)
- 0
- 2
- 81
질문&답변
2024.04.29
안녕하세요! 질문이 있습니다.
안녕하세요 이정환입니다. 으음!? 이상하네요 제가 직접 질문자님의 소스코드를 다운로드받아 실행해 본 결과 문제를 발견할 수 없었습니다 😢 혹시 조금만 더 구체적으로 어떤 상황에 문제가 발생하는지 알려주실 수 있을까요?! (사진)
- 0
- 1
- 59
질문&답변
2024.04.27
Vercel Manifest.json 오류
안녕하세요 이정환입니다. 해당 오류 메세지는 보통 package.json등의 설정에 문제가 발생했을 경우 발생하게 됩니다. 이에 문제를 확실히 확인하기 위해 깃허브를 통해 현재 프로젝트의 소스코드를 공유해주시면 확인해 볼 수 있을 것 같습니다. 감사합니다.
- 0
- 1
- 47
질문&답변
2024.04.25
8.5)Array.prototype.filter() 의 콜백함수에 대한 의문점이 있어요
안녕하세요 이정환입니다. 우선 이 내용은 "1-12. 함수 표현식과 화살표 함수" 에서 확인하실 수 있는 자바스크립트 문법입니다. 화살표 함수에서의 중괄호의 유뮤는 함수가 화살표 우측의 값을 곧바로 리턴하느냐, 아니느냐로 구분됩니다. 따라서 아래의 코드처럼 중괄호 없이 사용하면 화살표 우측의 값을 그대로 반환합니다. let funcA = () => 1; funcA(); // 1 출력 그러나 다음과 같이 중괄호를 사용하게 되면 일반 함수와 동일하게 동작하여 명시적으로 return을 사용하지 않으면 값을 반환하지 않게 됩니다. let funcB = () => { 1; } funcB(); // 아무것도 출력되지 않음 (반환값 없음) filter 메서드의 경우 콜백함수가 return하는 값이 true인 요소들만 포함하여 새로운 배열로 반환합니다. 그러므로 질문주신 코드에서 () => {body} 형태로 사용하시면 아무런 값도 반환하지 않기 때문에 filter 메서드가 정상적으로 동작하지 않습니다.
- 0
- 2
- 41
질문&답변
2024.04.24
새일기 작성시 브라우저 콘솔창 오류메시지
src/App.jsx의 App 컴포넌트를 확인해보시면 좋을 것 같습니다. 코드를 확인할 수 없기에 정확한 원인은 알 수 없지만 현재 새로운 일기가 생성될 때 기존에 존재하던 일기와 중복된 id를 갖도록 설정되어 있는 것 같습니다.
- 0
- 2
- 58
질문&답변
2024.04.21
map 함수에서 cannot read properties of undefined 에러 발생
안녕하세요 이정환입니다. todos 변수에 값이 정상적으로 담기지 않은 것 같아요! App 컴포넌트에서 Props로 제대로 잘 넘겨주었는지 확인이 필요한 상황입니다. React Developer Tools나 console을 이용해 직접 확인해보시고 그래도 잘 모르겠다면 전체 소스코드를 github를 통해 링크로 공유주시면 살펴보겠습니다.
- 0
- 1
- 66
질문&답변
2024.04.18
오픈그래프 태그
안녕하세요 이정환입니다. 질문 가이드라인에 명시해둔 대로 프로젝트 개발 진행 중 발생한 이슈는 제가 전체 코드를 확인해봐야 원인을 파악할 수 있습니다 🥲 따라서 깃허브 등을 통해 전체 코드를 전달해주시면 살펴보겠습니다.
- 0
- 3
- 121
질문&답변
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
- 116
질문&답변
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
- 75