inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

172만명의 커뮤니티!! 함께 토론해봐요.

tailwind css는 언제 사용되는가 또 다른 css와의 차이

미해결

타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게

안녕하세요. 결론부터 말씀드리면, 언제 Tailwind CSS를 사용해야 하는지 아직 감이 잘 오지 않습니다. CSS를 적용하는 여러 가지 방식을 배우긴 했지만, 리액트를 사용하다 보니 실무나 강의에서는 Tailwind CSS를 사용하는 경우가 특히 많다 는 느낌을 받았습니다. 그래서 “요즘은 거의 Tailwind가 기본처럼 쓰이는 건가?”라는 생각도 들게 됩니다. 수코딩님이 항상 말씀해 주시는 것처럼, 기술 자체보다도 어떤 상황에서 어떤 기술을 사용하는지가 더 중요하다 고 생각하고 있습니다. 그래서 단순히 “요즘 많이 쓰인다”는 이유로 선택하는 게 맞는지, 아니면 분명한 기준이 있는지 궁금해졌습니다. 죄송합니다만 아직 이해가 부족해서 질문드리고 싶습니다. Tailwind CSS는 어떤 상황에서 사용하는 것이 적절한지 실제로 실무에서 거의 고정적으로 사용되는 편인지 CSS Module, Styled Components 같은 다른 방식들은 요즘 잘 사용되지 않는지 만약 사용된다면 각각은 어떤 상황에 더 적합한지 이 부분을 비교해서 정리해 주실 수 있을지 궁금합니다. “언제 어떤 CSS 방식을 선택해야 하는가”라는 관점에서 설명해 주시면 감사하겠습니다

  • react
  • react-router
  • redux-toolkit
  • zustand
  • react.js
JEOUNG WOOYOUNG 댓글 2 좋아요 0 조회수 262

카카오 web플랫폼 등록

미해결

타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게

현재 카카오 개발자 페이지에서 플랫폼에 계정상태 변경 웹 훅 , 연결 해제 웹훅 , 카카오톡 공유 웹훅 이 있는데 수업에서 보여주시는게 달라서 질문드립니다 이 화면에서 계정 상태 변경 웹훅 설정을 들어가면 이 화면이 나오는데 여기서는 https 프로토콜만 사용이 가능하다고 나오는데 이 설정은 어떻게 해야 할까요? 현재 mongdb 와 그 이외에 모든 환경설정은 강의와 똑같이 했는데 카카오로그인 페이지 이동 자체가 안되서요!!

  • react
  • react-router
  • redux-toolkit
  • zustand
  • react.js
정헌수 댓글 2 좋아요 0 조회수 215

25강에서 items is not defined 오류가 납니다.

해결됨

원클릭으로 AI가 생성해주는 Youtube 쇼츠 만들기 자동화(with n8n)

25강에서 코드 실행할 때 items is not defined 오류가 발생합니다. 뭘 잘못 했을까요?

  • python
  • youtube-api
  • n8n
  • ai-활용-(ax)
윤종규 댓글 2 좋아요 0 조회수 99

섹션 9 실전 질문

미해결

스프링 부트와 리액트로 구현하는 보안 JWT 로그인

강사님 세션 9에서 Secretes Manager나 Parameter Store 를 현업에서도 깃허브 액션 하고 같이 쓰나요? 이거 궁금해서 질문드립니다.

  • react
  • java
  • aws
  • spring-boot
  • spring-security
KMC 댓글 1 좋아요 0 조회수 97

질문 : 삭제 버튼 아규먼트 (id)

미해결

React 완벽 마스터: 기초 개념부터 린캔버스 프로젝트까지

갑자기 이해가.. . 이게 왠.. ㅡㅡ;;; const handleDeleteItem = id => { setDummyData(dummyData.filter(item => item.id !== id)); }; 에서 id 값을 어디서 가지고 오는지 알 수 있을까요?

  • react
  • React-Context
  • react-router
  • tailwindcss
  • react-query
댓글 1 좋아요 0 조회수 72

넥스트 버젼 질문

미해결

[리뉴얼] React로 NodeBird SNS 만들기

안녕하세요 강의를 사놓고 조금 듣고 네이티브 공부를 하다가 다시 공부를 하려고합니다 강의상에서는 넥스트를 9버젼을 쓰는데 최신 버젼을 쓰는걸 추천하실까요? 아니면 구버젼 그대로 쓰는걸 추천하실까요?

  • react
  • redux
  • node.js
  • express
  • next.js
정진호 댓글 2 좋아요 0 조회수 110

eslint.config.mjs 내 rules 어떻게 설정 하나요?

해결됨

한 입 크기로 잘라먹는 Next.js

import { defineConfig, globalIgnores } from "eslint/config"; import nextVitals from "eslint-config-next/core-web-vitals"; import nextTs from "eslint-config-next/typescript"; const eslintConfig = defineConfig([ ...nextVitals, ...nextTs, // Override default ignores of eslint-config-next. globalIgnores([ // Default ignores of eslint-config-next: ".next/**", "out/**", "build/**", "next-env.d.ts", ]), ]); export default eslintConfig; 위 와 같이 구성 되어 있는데, "@typescript-eslint/no-unused-vars: "warn" "@typescript-eslint/no-explicit-any": "off" 이 두가지 옵션을 어디에 입력해야 될지 모르겠어요 제미나이 답변으로는 아래 처럼 하라는데, 맞을까요? import { defineConfig, globalIgnores } from "eslint/config"; import nextVitals from "eslint-config-next/core-web-vitals"; import nextTs from "eslint-config-next/typescript"; const eslintConfig = defineConfig([ ...nextVitals, ...nextTs, // Override default ignores of eslint-config-next. { rules: { "@typescript-eslint/no-unused-vars": "warn", "@typescript-eslint/no-explicit-any": "off", }, }, globalIgnores([ // Default ignores of eslint-config-next: ".next/**", "out/**", "build/**", "next-env.d.ts", ]), ]); export default eslintConfig;

  • react
  • typescript
  • next.js
김주일 댓글 1 좋아요 0 조회수 133

koa.exe 파일 부재

해결됨

챗GPT와 파이썬으로 주식 자동매매 앱 및 웹 투자 리포트 만들기

키움API 자료 받고 설치했는데 아래 이미지처럼 koastudios 파일 자체가 생성되질 않네요. 이 부분도 버전업에 따른 변경일까요?

  • python
  • 재테크
  • streamlit
  • chatgpt
  • 프롬프트엔지니어링
xatron 댓글 3 좋아요 0 조회수 129

17강 문의드립니다.

미해결

코드로 배우는 React 19 with 스프링부트 API서버

여기에서 DB 표 볼 수있는 방법이 뭔지 알려주실 수 있을까요?

  • react
  • typescript
  • spring-boot
  • jpa
  • jwt
lgh8079 댓글 1 좋아요 0 조회수 57

20강 BGM 시트행추가하기 노드 만들때

해결됨

원클릭으로 AI가 생성해주는 Youtube 쇼츠 만들기 자동화(with n8n)

20강 BGM 시트행 추가하기 노드 만드는데 COLUMN 을 STATUS 로 VALUE 를 대기 OPTION 에서 return only first maching row를 선택했는데 첫번째 대기 외에도 나타나는거같습니다.. 왜그럴까요??

  • python
  • youtube-api
  • n8n
  • ai-활용-(ax)
깜자TV 댓글 3 좋아요 0 조회수 77

깃 실습할때 MyCoolApp관련 내용 직접 적어야 하나요?

미해결

제로베이스부터 배우는 웹개발의 개념과 바이브 코딩

코드 아예 모르는 생초보라.. 선생님은 미리 짜 놓은 내용으로 붙여넣으시는데 제가 관련 내용 직접 쳐야 하는게 의도인지, 아니면 다른 방식으로 적당히 내용을 채워야 하는지..? 궁금해서 여쭙니다ㅎㅎ 아니면 혹시 해당 내용 텍스트로 공유해주셨거나 강의록등에서 확인할 수 있을까요?

  • react
  • 웹앱
  • next.js
  • cursor
  • 인공지능(ai)
김소형 댓글 1 좋아요 0 조회수 80

컴포넌트 그리고 폴더 구조에 대해

미해결

타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게

안녕하세요. 리액트를 공부하면서 컴포넌트 나누는 기준이 헷갈려서 질문드립니다. 강의에서 컴포넌트 분리에 대해 설명을 듣긴 했는데, 막상 제가 직접 코드를 짜다 보니까 어디까지 나누는 게 맞는지 감이 잘 안 옵니다. 제가 헷갈리는 부분은 이런 점들입니다. 컴포넌트는 중복되는 UI가 있을 때만 나누는 건지, 아니면 처음부터 최대한 작고 이해하기 쉬운 단위로 나누는 게 좋은 건지 잘 모르겠습니다. 또 컴포넌트 안에서 코드를 작성하다 보면 “이건 그냥 이 컴포넌트 안에 둬도 되나?” “아니면 여기서 한 번 더 분리하는 게 맞나?” 이런 판단을 어떤 기준으로 해야 하는지도 잘 모르겠습니다. 폴더 구조도 사람마다 다 달라서 어떤 구조가 좋은 구조인지, 초보자 입장인 저한테는 아직 잘 모르겠습니다 이론적으로는 이해한 것 같은데, 실제 코드에서는 이 분리가 과한 건지, 부족한 건지 판단이 잘 안 됩니다. 리액트에서 컴포넌트를 나눌 때 어떤 생각 흐름으로 판단하면 좋은지 , 알기 쉽게 설명해주시면 감사하겠습니다.

  • react
  • react-router
  • redux-toolkit
  • zustand
  • react.js
JEOUNG WOOYOUNG 댓글 2 좋아요 0 조회수 93

Creatomate에서 자동 캡션 질문입니다.

해결됨

원클릭으로 AI가 생성해주는 Youtube 쇼츠 만들기 자동화(with n8n)

자동 캡션에 쉼표, 물음표, 마침표 표시가 빠져있습니다. 첫번째 영상에는 있었습니다. 두번째는 없네요. 첫번째와 두번째는 다른 영상입니다. 어떻게 해야 쉼표, 물음표, 마침표를 붙일수 있나요?

  • python
  • youtube-api
  • n8n
  • ai-활용-(ax)
파란행복 댓글 1 좋아요 0 조회수 53

시간복잡도 개념문제 Deque질문

미해결

코딩 테스트 합격자 되기 - 4주완성

[ 질문 배경 ] Deque에 대한 자료를 보면 포인터를 사용한다고 나와있습니다. 따라서 popleft()시 맨 좌측부터 포인터가 가르키며 삭제하게 되는데, 이는 논리적으로 "삭제"라는 개념보다는 포인터가 가르키는 곳을 다음으로 이동시킨다는 의미를 가진다고 gpt를 통해 알게 되었습니다. [ 질문 ] 그렇다면, popleft()시 포인터가 다음으로 이동할 시 메모리에 적재되어 있던 이전 값은 그대로 남아있게 될텐데, 그렇다면 이것은 메모리 낭비로 이어질 수 있지 않나요? 자바의 경우 가비지 컬렉터가 알아서 메모리를 관리하죠. GPT에게 물어보니 메모리 슬롯은 유지하며 재사용할 수 있도록 대기상태에 들어간다고 합니다. 그렇다면 이 재사용을 할지 말지에 대한 것은 누가 결정하며 어떻게 처리되나요? 궁금합니다. C의 경우 malloc 으로 메모리 빌림 , 메모리 반납을 거치게 되는데, 이 경우도 궁금합니다.

  • python
  • 알고리즘
  • data-structure
  • 북-챌린지
태준 댓글 1 좋아요 0 조회수 78

Colab실습관련

미해결

파이썬을 활용한 머신러닝 딥러닝 입문

안녕하세요. 현재 회사 사무실에서 강의듣고 있는데, 일부 폐쇄망입니다. 그래서 Colab에서 실습 시 업로드 할 경우 아래 에러가 발생합니다. colab말고 다른방법은 없겟죠? A network error occurred and the request could not be completed. GapiError: A network error occurred and the request could not be completed.

  • python
  • 머신러닝
  • 딥러닝
  • pandas
  • numpy
  • keras
  • tensorflow
  • anaconda
  • matplotlib
  • cnn
최범준 댓글 2 좋아요 0 조회수 107

자료구조 구현에 관한 질문

미해결

코딩 테스트 합격자 되기 - 파이썬 편

안녕하세요 강의에서 스택 구현하기에서 직접 구현할 일은 없다고 말씀해주시는데 코딩인터뷰를 하게되면 보통 자료구조를 직접 구현하는 과정이 많더라구요 그런걸 생각했을때 자료구조를 구현해보는것도 필요하지 않을까요..?

  • python
  • 알고리즘
  • data-structure
chanwoo yang 댓글 2 좋아요 0 조회수 108

claude code cli 멈춤 현상 문의

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

Cursor, VSCode 등 다양한 IDE와 Powershell 등의 환경에서 Claude Code 명령 프롬프트를 입력하고 실행할 경우 진행이 정상적으로 잘 되다가 멈춤 현상이 발생하고 있습니다. 예시) 토큰 양을 늘어나거나 줄어들지 않고 시간만 늘어나는 무한 로딩 현상 발생 토큰도 시간도 늘어나지 않고 현재 진행 중인 작업이 모든 하얀색 동그라미 모양이 깜빡이는데 그런 깜빡임조차 존재하지 않는 현상 발생 /compact 및 /clear를 진행하고 명령을 내려도 발생하고 있습니다. 처음 작업을 시작할 때도 발생하고 있습니다. 이러한 현상들이 저의 노트북 설정 혹은 IDE, Powershell 설정 오류로 인해 발생하고 있는 현상인지, 아니면 Claude Code cli의 문제인지 확인하고 싶습니다. 이러한 현상들로 인해 토큰을 낭비하고 있는 상황이 지속적으로 발생하고 cluade --resume을 지속적으로 해야되는 상황이 발생하고 있습니다.

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
로로로도로로 댓글 2 좋아요 1 조회수 1591

나만의 커스텀 출력 스타일 파일 만들기

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

이번 미션 4단계에서 Markdown파일을 만들때 파일생성위치는 파워셀에서 하는 건가요? 아니면 그냥 윈도우 폴더로 들어가서 만드는건가요? 그리고 인터넷에 검색해보니 메모장에서 만들라는데 무슨말인지 모르겠네요 ㅠ 컴퓨터 초보자라 많이 힘드네요 ㅠ

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
heasolpapa1222 댓글 2 좋아요 0 조회수 124

Update(수정)용 모델 질문 드립니다.

미해결

FastAPI 완벽 가이드

안녕하세요 교수님 강의를 통해 많은 도움을 받고 있는 수강생입니다. 수정 기능 구현 시, 전체 데이터를 Body에 담아 보내는 방식은 대용량 파일이나 멀티파트 폼 데이터 처리 시 효율성이 떨어지는 경험을 했습니다. 그래서 모든 필드를 Optional로 설정하여 부분 수정을 허용하게 하면 벨리데이션(Validation) 로직이 복잡해지는 문제가 발생했습니다. 현업에서는 어떤 식으로 업데이트 코드 스타일을 관리하는 것이 표준인지 교수님의 조언을 듣고 싶습니다. 감사합니다.

  • python
  • sql
  • sqlalchemy
  • FastAPI
김근모 댓글 2 좋아요 0 조회수 101

인기 태그

인프런 TOP Writers

주간 인기글