안녕하세요.
코딩 교육 크리에이터 짐코딩 입니다 🙂
유튜브에서 코딩 교육 "짐코딩 GYM CODING"채널을 운영하고 있으며,
인프런 교육 플랫폼에서 프로그래밍 지식을 공유하고 있습니다.
제 강의의 특징은 이제 막 시작하시는 분들을 위하여
설명하고자 할 때는 최대한 쉽게,
알려드리고자 할 때는 최대한 알차게 설명드립니다.
항상 수강생 입장에서 생각하는 코딩 교육 크리에이터가 되겠습니다.
감사합니다.
📨 이메일 bruce.lean17@gmail.com
🏋️♀️ 헬스타그램 @helinlee.gram
🧑💻 코딩스타그램 @gymcoding
강의
로드맵
전체 4수강평
- 비동기 프로그래밍: Promise, async/await 끝장내기
- React 완벽 마스터: 기초 개념부터 린캔버스 프로젝트까지
- Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
- 프론트엔드 날개달기: Vue, React 배우기 전에 꼭 알아야하는 지식
- 프론트엔드 날개달기: Vue, React 배우기 전에 꼭 알아야하는 지식
게시글
질문&답변
json-server 관련 질문입니다.
만약 동작이 다르게 동작했따면 json-server 가 같은 버전인지 확인해 보는게 좋을 것 같아요~!
- 0
- 1
- 21
질문&답변
짐코딩님 질문 드립니다.
안녕하세요 🙂공식문서(주로) 튜토리얼을 살펴봅니다.스펙을 학습(필요한 만큼)한 후 간단히 앱을 만들어요.물론 처음엔 오래 걸리는데요. 이렇게 반복학습 하다보면 다음 기술을 배우는데 좀더 수월하고 점차 속도도 붙더라고요 🙂음... 반복학습? 반복해서 학습하는 것이 중요한 거 같아요.
- 0
- 2
- 30
질문&답변
eslint.config.js (flat config): eslint.config.js 파일에서 eslint-config-prettier를 import한 후, 다른 설정을 재정의할 수 있도록 설정 배열의 마지막에 추가합니다.
안녕하세요 🙂공식문서를 참고하시면 아래와 같이 가이드 하고 있는걸 확인할 수 있습니다.import someConfig from "some-other-config-you-use"; import eslintConfigPrettier from "eslint-config-prettier"; export default [ someConfig, eslintConfigPrettier, ];공식문서 - https://github.com/prettier/eslint-config-prettier그리고 모듈 시스템은 ESModule 방식으로 일관성 있게 하시는 것을 권장드립니다.모듈 시스템 - https://youtu.be/5NXEXkIrkAk?si=fhmQ6jvoNjIbouPP아울러 학습시에는 강의 버전과 맞추시는 걸 권장드립니다. 만약 프론트엔드 관련 생태계 지식이 부족하시다면 꼭! 프론트엔드 날개달기 강의(무료강의)를 보시는 것을 권장드립니다!
- 0
- 4
- 43
질문&답변
자동 개행 질문이 있습니다.
안녕하세요 🙂 ESLint 플러그인 설치 후.vscode/settings.json 파일에 아래 설정 하셨을까요?"editor.codeActionsOnSave": { "source.fixAll.eslint": "explicit" },https://gymcoding.notion.site/ESLint-Prettier-0a2d35bab9254c26b4257e53bba218f7교안 참고하시면 좋을 것 같아요.
- 0
- 2
- 35
질문&답변
nested 리스트일때 <ul> bullet 스타일 바꾸는 방법
Tailwind CSS에서 중첩된 리스트의 불릿 스타일을 다르게 지정하려면 몇 가지 방법이 있습니다.방법 1: 전역 스타일 추가하기globals.css 파일에 직접 CSS를 추가하는 방법입니다:/* globals.css 파일에 추가 */ ul { list-style-type: disc; } ul ul { list-style-type: circle; } ul ul ul { list-style-type: square; } 방법 2: Tailwind CSS 설정에 추가하기tailwind.config.ts 파일을 수정하여 스타일을 지정할 수 있습니다:import type { Config } from "tailwindcss"; const config: Config = { // 기존 설정... theme: { extend: { // 기존 확장... }, }, plugins: [ function({ addBase }) { addBase({ 'ul': { listStyleType: 'disc' }, 'ul ul': { listStyleType: 'circle' }, 'ul ul ul': { listStyleType: 'square' }, }) } ], }; export default config; addBase 플러그인 함수를 사용하면 기본 스타일을 추가할 수 있습니다.방법 3: 특정 클래스를 사용하기특정 컴포넌트에만 적용하고 싶다면, 클래스를 만들어 사용할 수도 있습니다:// tailwind.config.ts import type { Config } from "tailwindcss"; const config: Config = { // 기존 설정... theme: { extend: { // 기존 확장... }, }, plugins: [], }; export default config; 그리고 globals.css에 다음과 같이 추가:/* globals.css */ @layer components { .nested-list ul { list-style-type: disc; } .nested-list ul ul { list-style-type: circle; } .nested-list ul ul ul { list-style-type: square; } } 그런 다음 컴포넌트에서: 항목 1 하위 항목 1.1 하위 하위 항목 1.1.1
- 0
- 2
- 35
질문&답변
강의를 듣다보니 궁금한 점 질문드립니다.
안녕하세요 🙂 상대경로(./), 별칭(@/, alias) 어떤 것을 사용하셔도 문제없으나 유지보수 관점에서 @/을 사용하는 것을 권장드립니다.가까운 컴포넌트를 가져올 때는 ./을 사용하셔도 좋고요. 즉 어떤 방법을 사용하시든 일관되고 규칙적인 사용이 좋은방법입니다.
- 0
- 2
- 50
질문&답변
eslint prettier 설정 오류
안녕하세요 🙂 복사 붙여넣기로 인해 공백과 탭이 인식이 안된거 같은데요.npm run lint (--fix 옵션 포함) 해서 전체적으로 검사를 한번 수행해 주시겠어요~?
- 0
- 2
- 61
질문&답변
watch강의 질문
안녕하세요 🙂객체의 값 자체를 변경하면 watch에서 감지를 할 수 없습니다.말씀하신 것처럼person내의 obj객체를 {"count":1} => "Hello"로 변경시** 위 예시는 값 자체를 변경하기에 watch가 동작하지 않습니다.동작하지 않는 경우 ❌// 1. 값 자체를 변경 person.obj = "Hello" // 2. 객체 재할당 person.obj = { count: 2 }동작하는 경우 ✅// 객체의 속성을 변경 person.obj.count = 2Vue의 Reactive 반응형 시스템은 객체의 속성 변경만 감지할 수 있습니다.
- 0
- 1
- 61
질문&답변
endOfLine git checkout 할때마다 매번 입력안하는 방법 있을까요?
안녕하세요 🙂 방법을 찾아보려고 했는데요. 직접 추가하셔야 할 것 같아요. 좋은 방법은 처음에 설정하시고 최대한 코드를 강의 순서대로 따라 가는 것을 권장드려요 ~!
- 0
- 1
- 45
질문&답변
AppCard.vue 만들다 말고 오류가 갑자기 엄청 뜹니다
혹시 코드를 복사 붙여넣기 하셨을까요? 에디터 툴 오류 같은데요.파일 삭제 후 다시 해보시겠어요? 그래도 해결이 안된다면 제가 코드를 봐야 알 것 같아요~!깃헙 주소나 메일로 코드를 보내주시면 회신 드리겠습니다. (메일로 코드 압축해서 보내실때 node_modules 디렉토리는 제거 후 보내주세요)
- 0
- 1
- 37