logging.level.org.apache.coyote.http11=debug 로 했을시 request HTML 출력시 한글이 깨지는데  Log.info("request={}", request.getParameter("itemName")); 하면 '상품A '한글이 출력되는 이유가 무엇인가요?

vue로 프론트 엔드 개발을 하고 배포를 하려고 하는데 막히는 점에 있어서 질문을 드립니다..ㅠㅠ 백엔드는 없고 api 사이트에서 회원가입을 하여 데이터를 받아옵니다. 무료지만 많은 접속을하게되면 요금이 청구되는데.. 여기서 궁금한 점이 있습니다. 1. api-key를 vue에서 숨길 방법은 없나요? dotenv 설치 후 .env를 이용하여 봤는데 F12 개발자도구 탭에서  Requests Headers 를 보면 api 키가 적나라하게 나오더라고요.. 만약 숨길 방법이 없다면 해커들이 제 api key 를 보고 악용을하여 어마어마한 요금이 청구되는 사태는 막을수 없나요? Nuxt를 이용하여 ssr:false ,  target:'static' 으로 vue 개발을 했고 netlify 에서 배포 예정입니다.  @nuxtjs/dotenv 모듈을 이용하였습니다.

트와이스 강의 사진을 넣어야하는데  drawable 이 폴더에 안들어가져요 

현재 수강 내용상 플레이어의 움직임이나 투사체 등 그리드 단위로 움직이고, 좌표도 Vector2Int로 주고받고 있는데 만약 투사체를 플레이어와 다르게 Rigidbody2D를 붙여 Addforce impulse의 기능을 빌려 포물선을 그리며 날아가게 한다고 하면 이럴때 클라이언트에서 보내는 정보와 서버에서의 검증(위치나 타격)은 어떤식으로 이루어져야할까요? 추가로 이런 멀티플레이환경에서 포물선의 움직임을 구현하려면 Rigidbody같은 기능을 쓰기보단 직접 공식을 넣어 사용하는게 좋을까요? 이게 수업과 별개의 질문이 되는건지 판단이 잘 안서서.. 조심스레 질문드립니다 ㅠ

local host 로 들어가서 축구공위에 마우스를 올리면 아래 products/0 으로 나옵니다.. 물론 클린하면 아무데이터도 나오지 않고 2번쨰 그림을 클릭하면 1번째 상세 정보가 표출됩니다.  db값은  id:1 2 3 으로 되어 있으나, localhost 상에는 0, 1, 2 로 표기되있는듯 합니다.  왜 값을 일치 시키지 못하는지 강의를 다시 보면서 문제를 찾아봐도 잘 해결이 되지 않습니다. ㅠ 아직 이해가 많이 부족한듯 합니다. 설명 부탁드립니다.  <Switch>       <Route exact={true} path={"/"}>         <MainPageComponent/>       </Route>       <Route exact={true} path="/products/:id">         <ProductPage/>       </Route>       <Route exact={true} path="/upload">         <UploadPage/>       </Route>     </Switch> app.get("/products/:id", (req,res)=>{   const params = req.params;   const {id} = params;   models.Product.findOne({     where : {       id:id,     },     }).then((result)=>{     console.log("PRODUCT : ", result);     res.send({       product : result     });   }).catch((error)=>{     console.error(error);     res.send("상품 조회에 에러가 발생했습니다.");   }); }); 그리고... 해당 강의 전의 SQLite 데이터 순서와 현재강의의 데이터 순서가 선생님은 바뀌었는데... 저는 그렇지 않습니다.. ㅠㅠ  이것까지만의 드립니다.  app.get("/products", (req, res) => {   models.Product.findAll({     order: [["createdAt", "DESC"]],     attributes:[       'id', 'name', 'price', 'createdAt','seller','imageUrl'     ],   })     .then((result)=>{     console.log("PRODUCTS : ", result);     res.send({       products : result     });   }).catch((error)=>{     console.error(error);     res.send("에러 발생");  }) });  

안녕하세요 선생님! 교육 잘 듣고 있습니다! 모듈화를 하면서 궁금한 점이 생겼는데요. 이렇게 모듈화를 하는 단위가, 화면별 인가요? 아니면 전체 Application 인가요? 예를 들면, application에 화면1,화면2,화면3이 있다면 1. 화면 1,2,3의 getters,mutations, store 통합본이 있는건지, 2. 화면 1,2,3 각각 getters,mutations, store 이 필요한건지 궁금합니다. 더불어 vuex 뿐만아니라, vue 파일의 구조는 어떻게 가져가야되는지도 궁금합니다. 미리 감사합니다^.^

직접 풀고 테스트 후 채점 해봤는데 오답이 나왔습니다. 이런 경우에는 메모리나 구동시간이 불필요하게 많아서 오답처리로 되는 걸까요?

for (int rt = 0; rt < arr.length; rt++) { sum += arr[rt]; if (sum == m) count++; while (sum >= m) { sum -= arr[lt++]; if (sum == m) count++; } } while 문의 범위를 sum이 크거나 같을 때인데 sum > m 으로 해도 상관 없나요?

import java.util.Scanner; public class Main { public static void main(String[] args){ Scanner sc = new Scanner(System.in); String s = sc.nextLine(); String[] str = s.split(" "); int longIndex = 0; for(int i = 1; i < str.length; i++) { if(str[longIndex].length() < str[i].length()) { longIndex = i; } } System.out.println(str[longIndex]); } } for문을 사용하면 더 간단한 것 같은데 for each문을 쓰는 특별한 이유가 있는지 궁금합니다.

문제 사진 버튼 이런 구성으로 만들고 싶은데 어떻게 하는지 궁금합니다. 질문과 버튼의 글씨가 바뀌는 것처럼 사진도 질문마다 바뀌고 페이드인/아웃 효과도 주고 싶습니다.

각 프로세스에 할당되는 메모리 공간이 있고, 그 공간 안에 PCB가 저장되는 것으로 이해를 했는데 맞을까요?  그러면 그 프로세스의 주소가 어떻게 되고 ,  다음에 실행할 프로세스는 어떤 것인지에 대한 정보는 어디에 저장이 되는건가요?  

11:24 를 보면 코드중에 email_id="//*[@id='email']"로 정의한 뒤  email_tag=WebDriverWait(driver, 10).until(EC.presence_of_element_located((By.XPATH, email_id))) 라는 코드가 있는데 WebDriverWait은 제가 이해하기로는 XPATH의 값이 email_id인것이 뜰 때 까지 10초동안은 기다릴 수 있게 하는 명령인것 같습니다. 이때 궁금한점이 이전강의에서는 클릭이나 키보드 입력 등을 활용할때 webdriver.ActionChains(driver).click(more botton).perform() 이런방식으로 동작했었는데 이제는 email_tag.click() 이런식으로 WebDriverWait~~~ 로 정의된 변수를 앞에 두는것을 보았습니다. 그런데 직관적으로는 email_id를 집어넣어야 할 것 같은데 왜 기다리라는 명령?에 관련되어 변수로 정의된 값을 앞에 넣어줘야지만 동작할까요? email_id를 넣어보니 동작하지 않더군요 ㅠㅠ 

바벨 설치시 계속 오류가 발생해 바벨을 설치하지 않고 진행했었는데요 서버 빌드 시 어떻게 해야하나요?

안녕하세요 선생님. 항상 강의 재밌게 잘 보고 있습니다! findContactByName(name:string):Contact[] { return this.contacts.filter(contact => contact.name === name); } 이와 같은 코드에서 fiter함수를 썼을 때 빈 배열이 반환이 될 경우, 리턴 타입과 불일치한데 이러한 경우는 어떻게 되는건가요??

INdex는 문자열 번호 추출이고  이름: 1일 1봇  (1) (2) (3) length는 길이 추출인데    이름:     (3) 이해가 안되서요  substring 입력된 문자열부터 추출이라면  이름:   (0)(1)(2)         substring(2) 가 성립되야는거 아닌가요 4부터인가요  이름: 1일 1봇   뛰는것도 하나로 포함되나요 ? 하나 하나 이해부족이네요 

제가 boiler-plate 강의를 듣고 왔는데요 로그아웃 부분에서 로그아웃버튼을 눌렀을때만 로그아웃이 되는데 창을 닫았을때 자동 로그아웃이 되는 기능은 어떻게 만드는지 궁금합니다

안녕하세요 개복치님 최대한 자세하게 질문 설명드렸습니다.도움부탁드립니다 ㅠ 일단 저는 ZzimItemModel이라는 데이터 클래스를 만들어주었습니다.안에는 Int와 Bool타입 하나씩 넣을수있습니다. 위사진을 보시면 저는 데이터를 firestore에 저장할때 hashMapOf를 사용하였고 value인수부분에는 데이터 클래스인 ZzimItemModel 을 넣어주었습니다. 각각에는 Int와 bool이 하나씩 들어가시는것을 볼수있습니다. 위사진은 이제 데이터를 불러오는 과정입니다. 40번줄을 보시면 log로 찍어본결과 logcat에 불타입과 인트타입이 잘나오는것을 을 보실수있습니다. 파이어스토어에서도 확인해보면 밑에 사진처럼 잘들어간것을 확인 할수있습니다.그런데 여기서 제가 질문할것은 무엇이냐면 위 사진에 41번 줄을보시면 document.get(lecutreN)이런식으로하면 해당 key에 맞게 value값은 잘가져옵니다 그런데 저는 value값에 exist를 가져오고싶은데 그 방법을 모르겠습니다.메소드를 확인해봐도 안나오고 혹시 방법을 아시나해서 질문드립니다.exist는 bool타입으로 처음 파이어스토어에 저장할때 ZzimItemModel에 bool타입 exist입니다. 2번째사진은 새탭에서 열기하면 더욱더 잘보입니다 개복치님

안녕하세요, 김영한 강사님.페치 조인 시 페이징을 시도하면 메모리에서 프로세싱이 이루어지기 때문에 Out of Memory가 일어날 수 있다고 말씀주셨는데요. 이 이유가 정렬 시 추가적인 메모리 공간을 사용하기 때문인가요? 대량의 데이터를 페이징 없이 쿼리하면 메모리를 거치지 않고 결과값을 내려주나요? 페이징 없이 쿼리를 하더라도 메모리를 통한다면 수 많은 데이터를 쿼리하더라도 Out of Memory가 일어날수 있는게 아닌가 싶어서요. 혹시 제가 디비 쿼리 원리를 잘못 이해하고 있는걸까요. 감사합니다.

안녕하세요 현재 진행하고 있는 프로젝트에서 로그인, 로그아웃, 회원가입, 인증 기능을 추가하기 위해 선생님의 강의를 들으며 구현을 완료했습니다. 그리고 카카오 로그인 기능을 추가했는데 문제는 카카오 로그인시 로그인 인증이 되지 않아 로그인했을 경우에만 들어갈 수 있는 페이지에 들어갈 수 없다는 것입니다. 밑에는 카카오 로그인 구현 코드이고 제 생각에는 /hoc/auth.js 파일에 무언가 추가해 줘야겠다 싶은데 어떻게 하면 좋을까요? const [isLogin, setIsLogin] = useState(false); const loginWithKakao = () => { try { return new Promise((resolve, reject) => { if (!Kakao) { reject("Kakao 인스턴스가 존재하지 않습니다."); } Kakao.Auth.login({ success: (res) => { localStorage.setItem("token", res.token); setIsLogin(true); props.history.push("/"); }, fail: (err) => { console.error(err); }, }); }); } catch (err) { console.error(err); } }; const logoutWithKakao = () => { if (Kakao.Auth.getAccessToken()) { console.log( "카카오 인증 액세스 토큰이 존재합니다.", Kakao.Auth.getAccessToken() ); Kakao.Auth.logout(() => { console.log("로그아웃되었습니다.", Kakao.Auth.getAccessToken()); setIsLogin(false); localStorage.clear(); props.history.push("/login"); }); } };

(사진)