<Route exact path="/" element={<Home />} />위 방식으로 제가 작성하여 function Home() { console.log('>>>>> home'); return ( <div> <h2>Home</h2> </div> ); }아래처럼 로그를 주었는데 개발자도구에서 확인 시 로그가 두번씩 호출이 됩니다. 어떻게 두번이 호출 되는지와 exact 속성의 역할element={<Home />}와 element={Home()}의 차이점이 궁금합니다. 

https://www.acmicpc.net/source/49806907 Split()을 썼는데 강의를 보니 *이 한 번만 나오니 find()를 쓰면 됐을걸 그랬습니다.궁금한 점은 s.erase()로 접두사와 접미사 전까지의 문자열을 다 삭제하였기 때문에 강의에서처럼 접두사+접미사의 길이보다 작은 문자열은 배제substr은 아니지만 find를 통해 접두사/접미사가 문자열의 양 끝에 존재하는지 확인하였는데 틀렸는지 잘 모르겠습니다..백준 질문검색 기준 반례들을 다 테스트 해봐서 통과했으며 채점 10%에서 틀렸다고 나옵니다.

안녕하세요..scss 를 사용하고 있는데, @debug 가 출력이 되지 않습니다...stats: { loggingDebug: ['sass-loader']}위 구문을 webpack.config.js 에 추가하라고 해서, vue.config.js에 추가를 했습니다.그래도 콘솔에 출력이 되지 않습니다.다른 방법이 있을까요?도움을 부탁 드립니다.

네이버 api 요청 관련 질문 있습니다github:https://github.com/hyunsokstar/naver-add-prototype back:npm run start:dev front:npm run dev controller 에서  http://localhost:8000/naver_add  요청을 받으면 네이버 광고에  api 요청(https://naver.github.io/searchad-apidoc/#/guides) 을 날려서 응답 받은걸 다시 프론트로 보내려고 하는데요 참고 문서는  https://ukcasso.tistory.com/99 이고  컨트롤러와 서비스는 다음과 같습니다.https://github.com/hyunsokstar/naver-add-prototype/blob/main/backend/src/naver_add/naver_add.controller.tshttps://github.com/hyunsokstar/naver-add-prototype/blob/main/backend/src/naver_add/naver_add.service.ts 그런데 헤더 설정이 잘못되어서인지 import { NaverAddService } from './naver_add.service';import { SuccessInterceptor } from './../common/interceptors/success.interceptor';import { Controller, Get, Req, UseInterceptors } from '@nestjs/common';// import CryptoJS from "crypto-js";import * as CryptoJS from 'crypto-js'var method = "GET";var api_url = "/keywordstool";var timestamp = Date.now() + '';const accessKey = "01000000000f85a84ea950600f3a5a2214f5f379afa3f09898cbf7a1699007c1167fe2e247"var secretKey = "AQAAAAAPhahOqVBgDzpaIhT183mv52WgZFJyJCX8PE87IzXJwg==";var method = "GET";var timestamp = Date.now() + '';var secretKey = "YOUR_SECRETKEY";var hmac = CryptoJS.algo.HMAC.create(CryptoJS.algo.SHA256, secretKey);hmac.update(timestamp + '.' + method + '.' + api_url);var hash = hmac.finalize();hash.toString(CryptoJS.enc.Base64);@Controller('naver_add')@UseInterceptors(SuccessInterceptor)export class NaverAddController {    constructor(        private readonly naverAddService: NaverAddService    ) { }    @Get()    getNaverAddInfo() {        const api_key = process.env.API_KEY;        const secret_key = process.env.SECRET_KEY;        const customer_id = process.env.CUSTOMER_ID;        const options = {            url: 'https://api.naver.com/keywordstool?hintKeywords=' + "skilnote" + '&showDetail=1',            headers: {                'X-Timestamp': timestamp, 'X-API-KEY': api_key,                'X-API-SECRET': secret_key, 'X-CUSTOMER': customer_id, 'X-Signature': hash.toString(CryptoJS.enc.Base64)            }        };        // const result = this.naverAddService.getNaverAddInfo(options).subscribe(        //     res => {        //         console.log(res);        //     });        const result = this.naverAddService.getNaverAddInfo(options).pipe().subscribe()        console.log("result : ", result);        // return result    }} 요청 자체는 성공으로 출력 되지만  콘솔에 이런 에러가 발생 합니다. http://www.skilnote-for-starter.shop/wm/myshortcut/trouble-shotting/1혹시 해결 방법 알려주시면 감사요 그리고 혹시 멘토링 같은건 안해주시나요 주말이든 주중이든 채팅이나 직접 만나서든 배우고 싶습니다.

Docker fullstack appgithub -> travis ci -> docker hub -> aws강의에서 travis ci에서5.28s$ docker build -t [secure]/docker-frontend ./frontend진행시 오류가 납니다.Step 10/10 : COPY --from=builder /app/build /usr/share/nginx/html320COPY failed: stat app/build: file does not existDockerfile 내용FROM node:alpine as builder WORKDIR /app COPY ./package.json ./ RUN npm install COPY ./ ./ CMD npm run build FROM nginx EXPOSE 3000 COPY ./nginx/default.conf /etc/nginx/conf.d/default.conf COPY --from=builder /app/build /usr/share/nginx/html

안녕하세요오split 관련 문제를 풀어보고 싶어서 찾아보던 중, 백준 9093번 문제를 발견하게 되어 풀어보았습니다!공백을 포함해서 받아야 해서 getline을 통해 여러번 입력을 받으려니 cin.ignore()를 해야만 가능한 것 같아서 사용해보았는데요, 질문은 다음과 같습니다!▼ 입력3 I am happy today We want to win the first prize hello world!▼ 출력 시 코드 결과I ma yppah yadot e tnaw ot niw eht tsrif ezirp olle !dlrow원하는 결과는eW tnaw ot niw eht tsrif ezirpolleh !dlrow 인데,코드를 돌려보니 문자열이 뒤집혀서 출력되는 것은 원했던 바가 맞는데, 보시다시피 2번째 문자열부터 맨 앞글자가 하나씩 빠지는 문제가 있었습니다.코드를 어떻게 수정해야 원하는 결과가 나올지 궁금합니다!전체 코드#include <bits/stdc++.h> using namespace std; vector<string> split(string s, string delimiter){ string token = ""; int pos; vector<string> str; while( (pos = s.find(delimiter)) != string::npos ){ token = s.substr(0, pos); reverse(token.begin(), token.end()); token += " "; str.push_back(token); s.erase(0, pos + 1); } reverse(s.begin(), s.end()); str.push_back(s); return str; } int main(){ ios::sync_with_stdio(0); cin.tie(0); int n; cin >> n; while(n){ string s; cin.ignore(); getline(cin, s); vector<string> s2 = split(s," "); for(auto i : s2){ cout << i; } cout << "\n"; n--; } return 0; }

import 'package:calendar_scheduler/component/custom_text_feild.dart'; import 'package:calendar_scheduler/const/colors.dart'; import 'package:calendar_scheduler/database/drift_database.dart'; import 'package:calendar_scheduler/model/category_color.dart'; import 'package:flutter/material.dart'; import 'package:get_it/get_it.dart'; import 'package:calendar_scheduler/database/drift_database.dart'; class ScheduleBottomSheet extends StatefulWidget { //form 3. StatefulWidget이어야한다. const ScheduleBottomSheet({Key? key}) : super(key: key); @override State<ScheduleBottomSheet> createState() => _ScheduleBottomSheetState(); } class _ScheduleBottomSheetState extends State<ScheduleBottomSheet> { final GlobalKey<FormState> formKey = GlobalKey(); //form 4. formKey변수만들어준다. int? startTime; //3개의 값을 반복적으로 사용하기 위해 저장을한다. int? endTime; String? content; int? selectedColorId; //color를 id로 관리하기 위해 id값을 넣기 위해 변수를 만든다. @override Widget build(BuildContext context) { final bottomInset = MediaQuery.of(context).viewInsets.bottom; //키보드같은 시스템의 높이를 알 수 있음. 상하좌우 가능 return GestureDetector( onTap: (){ FocusScope.of(context).requestFocus(FocusNode()); }, child: SafeArea( child: Container( color: Colors.white, height: MediaQuery.of(context).size.height /2 + bottomInset, //핸드폰 전체높이에 /2 절반 child: Padding( padding: EdgeInsets.only(bottom: bottomInset), child: Padding( padding: EdgeInsets.only(left: 8.0, right: 8.0, top: 16.0), child: Form( //form 2. _Time,_Content 이거 있는거 상위에 form을 해준다. key가 컨트롤러가 된다. key: formKey, //form 5. formKey변수 넣어준다. 컨트롤러가 된다. autovalidateMode: AutovalidateMode.always, //에러메시지를 실시간 표현해줌. child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ _Time( onStartSaved: (String? val){ startTime = int.parse(val!); //String으로 값이 들어오니 int로 파싱 그걸 위에서 만든 변수에 넣는다. }, onEndSaved: (String? val){ endTime = int.parse(val!); //val이 값이 없으면 에러메시지뜨도록 했으니 값이 없을수 없다. }, ), SizedBox(height: 16.0,), _Content( onSaved: (String? val){ content = val; //String이니 걍 넣는다. }, ), SizedBox(height: 16.0,), FutureBuilder<List<CategoryColor>>( future: GetIt.I<LocalDatabase>().getCategoryColors(), //디비가져오기 4 이페이지에서 디비값 가져올수 있게 세팅, LocalDatabase이거는 drift_database파일에서 import builder: (context, snapshot) { //print(snapshot.data); //디비가져오기 5 디비에서 가져온 색깔 출력 if(snapshot.hasData && selectedColorId == null && snapshot.data!.isNotEmpty){ //if(데이터가 있고, selectedColorId를 클릭하지 않았음, 하나라도 값이 있거나) selectedColorId = snapshot.data![0].id; //0번째 빨강색으로 셀렉트 한다. } return _ColorPicker( colors: snapshot.hasData ? snapshot.data! : [], //디비가져오기 6 hasData 값이 있으면 .hasData 값이 없으면 : [] 걍 빈값을 보낸다. selectedColorId: selectedColorId!, ); } ), SizedBox(height: 8.0,), _SaveButton(onPressed: onSavePressed,), //form 7 onSavePressed 함수 만든다. ], ), ), ), ), ), ), ); } void onSavePressed(){ if(formKey.currentState == null){ //현재 null이 나올수는 없으나 혹시나 null인경우 그냥 리턴해 버린다. return; } if(formKey.currentState!.validate()){ //form 8 에러가 없으면 null값을 리턴하면서 true print('에러 없음'); formKey.currentState!.save(); print('--------------------'); print('startTime : $startTime'); print('endTime : $endTime'); print('content : $content'); }else{ print('에러 있음'); } } } class _SaveButton extends StatelessWidget { final VoidCallback onPressed; const _SaveButton({required this.onPressed, Key? key}) : super(key: key); @override Widget build(BuildContext context) { return Row( children: [ Expanded( child: ElevatedButton( onPressed: onPressed, //form 6 외부로 보낼수 있게 required 만든다. style: ElevatedButton.styleFrom( primary: PRIMARY_COLOR, ), child: Text('저장'), ), ), ], ); } } class _ColorPicker extends StatelessWidget { final List<CategoryColor> colors; //디비가져오기 1.디비에 있는 칼라를 이걸로 가져올 거임 final int selectedColorId; // 아이디 값을 받아준다. const _ColorPicker({ required this.colors, required this.selectedColorId, Key? key}) : super(key: key); @override Widget build(BuildContext context) { return Wrap( spacing: 8.0, //좌우간격 runSpacing: 10.0, //상하 간격 children: colors.map((e) => renderColor(e, selectedColorId == e.id)).toList(), //디비가져오기 2. colors값 렌더링하기 ->main에서 GetIt한다. //여기 e=<CategoryColor> ); } Widget renderColor(CategoryColor color, bool isSelected){ return Container( decoration: BoxDecoration( shape: BoxShape.circle, color: Color( int.parse( 'FF${color.hexCode}', //hexCode 컬럼에 있는 값을 가져온다. radix: 16, //16진수로 표현한다. ), ), border: isSelected //선택 되었을대 보더를 넣어준다. ? Border.all( color: Colors.black, width: 4.0, ) : null, ), height: 32.0, width: 32.0, ); } } class _Content extends StatelessWidget { final FormFieldSetter<String> onSaved; const _Content({required this.onSaved, Key? key}) : super(key: key); @override Widget build(BuildContext context) { return Expanded( //1.텍스필드 꽉차게 다음은 custom_text_feild에 child: CustomTextField( label: '내용', isTime: false, onSaved: onSaved, ), ); } } class _Time extends StatelessWidget { final FormFieldSetter<String> onStartSaved; final FormFieldSetter<String> onEndSaved; const _Time({ required this.onStartSaved, required this.onEndSaved, Key? key}) : super(key: key); @override Widget build(BuildContext context) { return Row( children: [ Expanded( child: CustomTextField( label: '시작시간', isTime: true, onSaved: onStartSaved, ), ), SizedBox(width: 8.0,), Expanded( child: CustomTextField( label: '종료시간', isTime: true, onSaved: onEndSaved, ), ), ], ); } }  초급 섹션 19. [프로젝트] [★★★★☆] 캘린더 스케쥴러에 > 색상 상태관리 강의 따라 하고 있습니다.그런데 3:25초 부분에서 selectedColorId: selectedColorId!, 만 넣으면 아래 그림처럼 모달창이 안뜹니다. 몇번을 다시 하고 해봤는데 원인을 모르겠습니다.schedule_bottom_sheet.dart 파일 입니다.

[질문 템플릿]1. 강의 내용과 관련된 질문인가요? (예)2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예)3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예)[질문 내용]여기에 질문 내용을 남겨주세요.마지막 줄 member에 빨간줄 에러가 뜨는데 해결법을 모르겠습니다..

컨테이너 내에서 도커가 실행되지 않아 진행하지 못하는 분들이 꽤 보이네요.강사님이 게시하신 DinD 방식 대신 DooD 방식으로 실행하여 진행하실 수 있습니다. 다만 DooD 방식 특성으로 인해 포트 바인딩에 조금 신경 써주셔야 합니다.아래는 Ansible 강의 컨테이너 실행 명령입니다.docker run -itd -p 20022:22 -e container=docker --tmpfs /run --tmpfs /tmp -v /sys/fs/cgroup:/sys/fs/cgroup:ro -v /var/run/docker.sock:/var/run/docker.sock edowon0623/ansible:latest /usr/sbin/init앞선 강의에서 등장하는 docker-server 컨테이너 등 컨테이너 내부에서 도커 실행 시 오류가 발생하는 다른 컨테이너들도 이미지랑 포트만 변경하여 실행하시면 됩니다. Windows 강의 진행 시 이슈를 기억나는 대로 정리했습니다.https://www.inflearn.com/chats/662870

.Bean을 직접 등록하고 다음강의로 넘어가서 실행 해보려는데 멤버서비스를 찾을수없다고 에러가 발생하네요... 제가 직접 찾아보는게 좋을것같아서 보려고 하지만 아직 부족한 부분이 많은지 보이질 않아요... 어딜 손대야할까요? 

안녕하세요 정말 기초적인? 질문이 있습니다...구글링을 해도 원하는 내용이 잘 안보여서 질문을 드립니다!!!다름이 아니라 강의의 9분 9초쯤부터 말씀하시는 커맨드 성이여서 거의 쓰기만 있다고 한다에서쓰기만 있는 코드는 무슨 뜻인지 알겠는데 커맨드성이라는게 어떤 것을 뜻하는 건지 궁금해서 질문 드립니다.혹시 커맨드라는 것이 제가 아는 특정한 기능을 실행하려고 보내는 신호? 코드? 그것을 뜻하는 건가요???그리고 제가 질문이 좀 많은데 매번 답변 잘해주셔서 너무 감사드립니다ㅠㅠ

https://www.inflearn.com/questions/658825 여기서 질문 해주신 부분 추가적으로 질문이 있습니다.SocialLoginApiServiceFactory.java해당 파일에서@Service public class SocialLoginApiServiceFactory { private static Map<String, SocialLoginApiService> socialLoginApiServices; public SocialLoginApiServiceFactory(Map<String, SocialLoginApiService> socialLoginApiServices) { this.socialLoginApiServices = socialLoginApiServices; } public static SocialLoginApiService getSocialLoginApiService(MemberType memberType) { String socialLoginApiServiceBeanName = ""; if(MemberType.KAKAO.equals(memberType)) { socialLoginApiServiceBeanName = "kakaoLoginApiServiceImpl"; } return socialLoginApiServices.get(socialLoginApiServiceBeanName); } } socialLoginApiServices 객체 자동으로 주입 시켜준다고 했는데요즉 SocialLoginApiService 구현체들을 Map 으로 자동으로 주입 시켜준다고 배웠습니다. 그런데 Map Key 값을 보면 String 이라서어떻게 보면 Key 값을 철자라도 틀리면 반환값을 얻을수 없는 문제점이 있을꺼같아서요 그래서public enum MemberType { KAKAO; public static MemberType from(String type) { return MemberType.valueOf(type.toUpperCase()); } public static boolean isMemberType(String type) { List<MemberType> memberTypes = Arrays.stream(MemberType.values()) .filter(memberType -> memberType.name().equals(type)) .collect(Collectors.toList()); return memberTypes.size() != 0; } }private static Map<MemberType, SocialLoginApiService> socialLoginApiServices;Key 값을 MemberType 으로 규정하고 하는것이 편리하게 쓸수 있을꺼같은데요 이렇게 사용할려면 자동으로 빈 등록은 안되고 어쩔수 없이 @Bean 이용해서 직접 커스텀 빈 등록 해야 하나요??        

안녕하세요.VSCode로 회사에서 사용하는 프로젝트를 폴더 열어서 사용하고 있습니다.그런데, 함수에서 정의로 이동 이라던가, 해당 파일의 함수명이나 변수명을 왼쪽 개요 부분에 리스트업 해주는 기능등이 동작하지 않습니다.처음에는 색인에 시간이 걸려서 그럴거라고 생각했습니다만, 몇일이 지나도 안되네요. 그런데 파일 한두개 열어서 해보면 다 잘 됩니다.제가 따로 설정해야 하는 부분이 있는걸까요? 아니면 수동으로라도 사용하는 방법이 있을까요? 아시는 분 께서는 조언 부탁드립니다.

There are so many hidden gems for SCUBA diving in Mallorca! First, there's marine life; you can see everything from rainbow fish to sea turtles. It's amazing how much diversity there is underwater! Another great thing about diving here is that you don't need a lot of training or experience to do it well; if you can swim, you're all set! And finally, one of the best parts about scuba diving Mallorca is that it's super affordable compared to other places; it doesn't matter if you're on a tight budget or have plenty of money to spend because there are options for everyone!Fortunately, I chose Scubanautic Mallorca, which provides the best diving in Mallorca. I recommend that you go to this company at least once. I am confident you will never be sorry for your decision.

Podfile에서 pod 'NMapsMap','3.10.0' 설정 후cd ios로 ios경로로 가서 npx pod install로 내려봤고 실행해보니 지도상에 아무것도 뜨지가 않습니다;

- 질문에 대한 답변은 강의자가 하는 경우도 있고, 수강생 여러분들이 해주시는 경우도 있습니다. 같이 도와가며 공부해요! :)- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요!- 먼저 유사한 질문이 있었는지 검색해보세요.- 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 제목과 같이 깃허브에 빌드한 dist파일로 배포를 해봤는데 glb파일과 sound파일들은 로드가 안돼요..왜 그럴까요??

안녕하세요 🙋‍♂️백엔드는 스프링, 프론트는 react로 개발을 해야 되서 공부(삽질)중에 있습니다.백엔드까지 연동되는 강의는 잘 없어서 따로따로 공부하고 있어요.(질문이 허접해도 이해해 주세요)감정다이어리 예제를 따라하다보니 백엔드에서 서비스 되는 기능까지도 react에서 처리 가능해 보입니다. 감정다이어리 예제는controller 기능 --> react-router-domservice 기능 --> reducer 로 가능해 보입니다.그럼 실제 프로젝트에서는 백엔드에서는 db에서 데이터 넣고 빼고 하면서 json으로만 날려주면되나요?"백엔드는 프론트에서 사용할 API 들만 만들어주면 된다" 는 말이... 이런 건가요?@_@ 

인터넷을 아무리 뒤져봐도 명확한 답이 없어 또 질문을 드리게됐습니다,, ㅠㅠHS256 암호화 방식은 JWT 생성 시 서명 부분에 서버만 알고있는 키를 포함해 암호화하는 방식이라고 설명을 해주셨는데, 찾아보니 HS256 은 대칭 키 암호화 방식이라고들 하더라구요. 대칭키는 송/수신자가 같은 키를 공유하는 것으로 알고있는데 이렇게 되면 서버만 알고있는 키가 아니지 않나..? 라는 생각을 했는데 맞는지 잘 모르겠습니다. RS256 암호화 방식은 JWT 생성 시 서명 부분에 키를 포함하지 않고, 헤더와 페이로드를 서버가 가지고있는 키로 암호화를 한다 ~ 라고 설명해주셨는데, 자바 켜서 확인을 해보니 인자 값에 시크릿 키를 넣어줘야하기도 하고 jwt.io 에서 RS256 으로 바꿔보니 begin secret ~ end secret 이라고 시크릿 키를 넣는 칸이 있더라구요. 이것도 어느게 맞는지 잘모르겠네요 🥲 정말정말 헷갈립니다 ㅠㅠ

안녕하세요! 현재 커뮤니티 앱을 개인 프로젝트로 개발하려는 학생입니다.처음으로 백엔드 프레임워크를 배우는거라 모르는점이 많은데같이 프로젝트를 진행하려는 친구와 스프링 부트라는 프레임 워크로 같이 진행하기로 하였습니다.현재 인프런에 올라와있는 김영한 선생님의스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술강의로 시작하려고 하는데 이후에는 어떤 강의를 들어야할지 잘 모르겠습니다..김영한 선생님의 스프링부트 JPA강의도 있는데 이게 제 의도와 맞는 강의인지 잘 모르겠네요..혹시 조언을 구할수 있을까요?감사합니다!

문제에서 가위바위보를 몇번할지 입력받고5번씩 두번 입력받으면for문을 입력받은만큼2번 돌리면되는데배열의 인덱스가0부터 시작하는데입력받은 만큼 돌려야하니까for(int i=1; i<n*2; i++) {}이런형태로 해서문제를 풀었는데배열관련 익셉션이자꾸뜨네요..어느부분이 문제인지모르겠어요 ㅠㅠ