고농축 백엔드와 완벽한 프론트 강의 차이?

안녕하세요! 병주님!두 수업은 [백엔드]와 [프론트엔드]의 차이로 부분 중복을 제외하곤 완전히 다릅니다!만약, [고농축프론트엔드] 와 [완벽한프론트엔드] 2개를 오해하신 것이라면, 이 둘중에는 [완벽한프론트엔드]가 최신버전이므로 이걸 수강해 주세요!

example 서버 플레이그라운드, API 접속 모두 안됩니다.

안녕하세요! 준희님!해당 서버는 http로 접속해 주셔야 합니다!이유는 심화수업에서 http vs https의 차이 비교까지 포함하고 있기 때문이에요!^^

셀렉트박스 드랍다운 다크모드 아이콘이 없습니다.

안녕하세요! 콜라중독님! 피그마에서 추가로 다운로드 받아서 public 폴더에 주세요!다운로드 위치는 다음과 같습니다(사진)(사진)

버튼 생성중에 커서 메모리 오류같은게 생깁니다.

안녕하세요! musful님!해당 과정은 사실 정답은 없기 때문에, 상황에 따른 대처를 통해 해결해 주시면되는데요!잘 해결하신 것 같아요! 추가로, 원인을 분석해 본 결과, 현재 피그마의 버튼노드가 이름이 드롭다운으로 잘못 명시되어있었네요!실무 상황에 적용하실때는, 디자이너분께 버튼으로 이름을 고쳐달라고 요청하시면 됩니다!(앞으로 디자이너의 디자인 방식이 AI친화적 방식으로 네이밍과 프레임에 중요한 시대가 되었기때문에, 점점 디자이너분들도 이러한 방향으로 변화될 것이라 생각이 드네요!)

룰 간 충돌 분석

안녕하세요! 날래날래님!1. 확실히 claude-sonnet 4.5 thinking이 똑똑하네요!최대한 많은 인풋, 버튼을 가져와서 공통컴포넌트를 만드는게 원칙적으로 맞습니다!해당 프로젝트내의 인풋, 버튼은 공통컴포넌트 하나로 사이즈가 유연히 변경될수있도록 말이에요!=> 보통 실무에서 공통컴포넌트만 사이즈별로 모아놓는 영역을 디자이너님께서 만들어주시기 때문에, 그 안의 모든 버튼들이 담긴 노드를 복사해서 제너레이팅하면 쉽게 해결이 됩니다!하지만, 현재 우리 수업에서는 공통컴포넌트만 담겨있는 피그마 영역은 따로 존재하지 않아요!그럼에도 불구하고 claude-sonnet이 똑똑하게 잘 만들어 준 것 같네요!^^반응형 디자인은 뒤에 수업에서 다루게 되는데요!복잡도를 낮추기 위해, AI로 1차 스케치하고, 2차 반응형 디자인 덮어씌우기 방식을 진행합니다.물론, 최초 시작부터 반응형까지 고려하여 설계하시는 것도 가능합니다!(이 경우에는 와이어프레임부터 반응형 설계가 들어가셔야 합니다.)하지만, 빠른 병렬처리와 최소한의 설계를 통한 프롬프팅의 복잡도를 낮추는 방법으로, 뒷부분 반응형디자인 파트에서 소개합니다!^^

깃은 어떻게 하나요?

안녕하세요! 시현님!원래, 배포라는 과정은 굉장히 복잡한 프로세스였으나, 현 시대에는 클릭 한번에 배포가 되는 시대에 왔어요.따라서, 복잡한 규모가 아닌 간단한 프로젝트의 경우 vercel 배포를 추천드립니다!1. git-hub 계정을 만들고 git-hub에 내 프로젝트 업로드하기2. vercel에 가입하고, git-hub 연동하기 버튼을 클릭해서 연결하기위 2과정만 진행하시면, git-hub에 push만 하면, 자동으로 배포됩니다(자동으로 생성된 url은 vercel 홈페이지에서 확인 할 수 있어요!)

톡투피그마 mcp 연결이 안돼요 ㅠㅠ

안녕하세요! 시현님!window 에서도 동일하게 작동합니다!MCP 관련 강의가 추가 업로드 되었으니, 한 번 확인해 주세요!해당 강의에서는 총 2개의 설정 확인을 요구하고 있어요!1. 커서의 셋팅에서의 초록불(커서 완전종료 후 재시작 필요)2. 피그마 연결에서의 초록불

현재 버전과 맞지 않습니다.

안녕하세요! 병조님!오토모드 정확하게 잘 적용하셨습니다!감사합니다.

룰 적용이 계속 안되는것 같아요

안녕하세요! 병조님!룰 적용의 정석 방법은 채팅창에 @방식으로 직접 입력하는 방법이에요!하지만, 이 방법은 매번 입력해야 해서 비효율적이므로, 우리 수업에서는 프롬프트 내에서 룰을 적용하는 방법을 채택중인데, 이 과정에서는 정석이 따로 없으므로 가장 잘 먹히는 베스트 프랙티스를 적용해 보시는게 좋아요!따라서, 현재 상황에서는 더 잘 먹히게 하려면 경로를 명확히 지정해주면, 더 잘 인식된답니다!적용 방법은 다음과 같습니다.1) 01-common.mdc 파일에 마우스 오른쪽 버튼을 눌러서 상대경로를 복사해 주세요.2) 프롬프트의 룰적용 부분에 경로를 추가해 주세요. 기존 방식- 01-common.mdc 변경 방식- 01-common.mdc => 파일경로: .cursor/rules/01-common.mdc보내주신 스크린샷과 관련해서 답변을 드리자면,Rules에는 always, manually 등의 방식이 있는데, 우리는 현재 manually 방식을 사용중에 있어요.always 방식은 항상 적용, manually 방식은 @로 지정했을 때만 적용되므로, 해당 스크린샷처럼 기본적으로 적용되지 않는다는 메시지가 나오면 정상이랍니다!(만약, 이를 확인해보시기 위해선, always로 아무거나 하나 수정해 보시고, cursor를 재시작 하시면, always로 적용된 rules는 정상적으로 활성화 된 것을 확인해 보실 수 있어요!)

디자인 시스템 파운데이션 단계를 토큰화 해뒀는데 어떻게 적용할 수 있을까요?

안녕하세요! 재욱님! json을 뽑아서 넣어주세요!대신 피그마 노드ID 입력 자리를 JSON 입력 자리로 변경해 보세요!ex) 피그마 노드ID: 12:382 => 피그마 토큰JSON: src/.../파일명.json플러터 위젯북에 대해서 확인해보았는데, 리액트의 스토리북과 동일한 개념이네요!결국, AI가 만들어 줄 것이므로 단어만 잘 바꿔서 요청해 주세요!^^