소개
이인제(소플)
개발을 사랑하는 개발자이자 1인 스타트업의 창업자입니다.
오래 전부터 소프트웨어 교육에 관심을 가지고 꾸준히 활동하고 있습니다 😀
소플이 만든 프론트엔드 지식 포털
강의 콘텐츠
저서
홈페이지
강의
전체4수강평
- 무료강좌가 이렇게 알차다니!! 감사합니다
Minkyong An
2024.03.23
1
- 잘봤습니다
chlalthd123
2024.03.19
1
- React의 기초를 완벽하게 알 수 있는 강의였습니다 :)
T14222
2024.03.14
1
- 잘 들었습니다.
이원호
2024.03.12
1
게시글
질문&답변
2024.03.28
챕터0 3강의 Postfix/Prefix 관련 질문입니다.
안녕하세요, 소플입니다. 증감 연산자를 변수 뒤에 붙이는 postfix(후위) 방식을 사용하게 되면, 먼저 증감 전의 값을 반환한 이후에 증감이 이뤄집니다. 그래서 위 예시 코드를 다시 작성해보면 아래 코드와 작동하는 형태가 같다고 볼 수 있습니다. let a = 1; let b = a; // 반환 a = a + 1; // 증감 console.log(a, b) // 출력 결과: 2, 1 아래 문서를 통해 증감 연산자의 작동 방식을 다시 한 번 살펴보시기 바랍니다 😀 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Increment 감사합니다.
- 1
- 1
- 18
질문&답변
2024.03.22
Section 13 Card 컴포넌트 실습 스타일링 질문
안녕하세요, 소플입니다. 제가 모르는 다른 방법이 있을지는 모르겠지만, 제가 아는 선에서는 리액트에서 CSS파일로 직접 변수 값을 전달하는 것은 불가능합니다. 그래서 사전에 사용할 색상 값들을 CSS에 지정해놓고, 말씀하신 classnames 나 clsx 같은 라이브러리를 사용해서 props 의 값에 따라 클래스 이름을 넣어주는 형태로 사용하셔야 합니다. https://github.com/JedWatson/classnames https://github.com/lukeed/clsx 추가로 스타일링 방법은 워낙 많고 다양하기 때문에, 여러가지 방법을 적용해보시면서 나에게 잘 맞는 스타일링 방법을 찾으시는 것이 좋습니다 😀 (Sass, emotion, styled-components, TailwindCSS, StyleX 등) 감사합니다.
- 1
- 2
- 50
질문&답변
2024.03.22
redux-thunk CRA로 세팅 후 오류
안녕하세요, 소플입니다. 확인해보니 redux-thunk 버전이 3점대로 올라가면서 패키지가 변경되어 생긴 문제였네요. https://github.com/reduxjs/redux-thunk/discussions/358 import 하는 부분을 아래와 같이 수정해서 진행해주시면 됩니다! import { thunk as thunkMiddleware } from 'redux-thunk'; 제가 redux-toolkit만 사용하고 thunk를 직접 사용하지 않다보니 새로운 버전에 대한 트래킹이 조금 늦었네요~ 이 부분은 실습 코드에 따로 명시해두도록 하겠습니다~! 😀 감사합니다.
- 1
- 2
- 38
질문&답변
2024.03.21
redux-thunk 실습 오류
안녕하세요, 소플입니다. 사용하신 패키지를 살펴봤는데, 해당 패키지는 redux-toolkit 이 이미 설치된 상태이며 TypeScript까지 적용되어 있는 형태네요~ 그래서 아무래도 저희 강의 실습과는 여러가지로 환경이 맞지 않을 것으로 보입니다. 그리고 겪으신 에러는 패키지 코드를 보니 아래와 같이 thunk 가 named export 만 되어 있어서 발생한 에러인데, 이부분은 패키지의 문제라기 보다는 뭔가 작성하신 코드가 사용하는 환경과 맞지 않아서 생기는 문제인 것 같습니다. import { thunk, withExtraArgument } from "./chunk-RDDYTHDP.js"; import "./chunk-LNEMQRCO.js"; export { thunk, withExtraArgument }; //# sourceMappingURL=redux-thunk.js.map 여러가지 부분을 수정해서 사용하면 되겠지만, 혼자서 실습하실 때는 시행착오를 많이 겪으셔야 할 것 같으므로 우선은 강의와 동일한 환경에서 실습을 진행해주시면 좋을 것 같습니다! 😀 그리고 만약 지금 상태에서 계속 실습을 진행하고 싶으시다면, GitHub에 코드를 올리시고 링크를 제게 공유해주시면 제가 직접 살펴보도록 하겠습니다! 감사합니다.
- 1
- 2
- 55
질문&답변
2024.03.19
수업을 들으면서 느낀점
안녕하세요, 소플입니다. 솔직한 수강평 감사드립니다. 많은 분들이 DB 연결까지 해서 실제 작동하는 애플리케이션을 개발해보고 싶다는 말씀을 해주셨는데, 아무래도 입문 강의에 DB 구성과 API 연동까지 포함하게 되면 분명 어려워 하는 분들이 계실거라고 생각해서 아쉽게도 그 부분은 제외하게 되었습니다 😂 아무쪼록 앞으로 리액트를 사용해서 실제 애플리케이션을 개발해보시면 더 빠르게 익히실 수 있을 거라고 생각합니다. 그리고 나중에 리액트로 개발하면서 생기는 궁금증이나 질문은 언제든지 아래 FrontOverflow에 남겨주시면 제가 꼭 답변드리도록 하겠습니다! https://www.frontoverflow.com/ 감사합니다.
- 1
- 1
- 94