안녕하세요 재승님! 영상 참 재밌고 유익하게 보고 있습니다. useEffect에 종속성 배열을 없애고 사용하는 활용법을 알려주셨는데요. 여기서 궁금증이 생각나서 글을 쓰게 되었습니다.. 종속성 배열을 없애고 콜백함수 내부에서 조건을 통해 로직을 핸들링하는 경우에 useEffect가 리액트에 의해 실행? 될텐데요. 이러한 경우 콜백함수는 매번 호출되고 내부로직에서 조건을 분기할 것 같아요. 제가 이해한 내용으로는 이 경우가 조금 불필요한 동작이라고 생각이 드는데요. 여기서 종속성배열과 콜백함수 내부 조건을 함께 사용하면 좋을 것 같다고 생각 했어요. 그때 종속성배열을 관리하는 리소스와 비교하였을 때 어느쪽에 중점을 두어 프로그래밍하면 좋을지 궁금증이 생겼습니다... -> 그런데 제가 생각한 것이 틀렸다면 useEffect의 실행동작을 잘 이해하지 못했을 것 같은데요. 리액트에 의해서 해당 useEffect 훅의 동작 순서가 온다면 종속성 배열로 콜백함수의 불변성만 지켜주는 것인가요? 그렇다면 매번 콜백함수를 실행해서 별로 상관 없을 것 같기두 하구요.. 여러개의 종속성 값으로 useEffect나 useMemo, useCallback류의 훅이 여러번 호출되는 것 때문에 조금 스트레스 였는데.. 이번 강의를 보고 코드 개선 아이디어에 도움이 많이 되었습니다. 주절주절 쓰다보니 길어졌네요.. 두서없이 글로만 쓰려니 정리가 안되고 있슴다ㅎㅎ; 양해 부탁드립니다; 후배에게 답변해주시는 것 같이 편하게 답변해주시면 좋겠습니다. 항상 감사드립니다!!
안녕하세요. int arr[5] = {1,2,3,4,5}; cout << arr << endl; => 이렇게 하면 배열명 arr의 주소값 이 출력됩니다. (저의 지식으로는 배열명이 포인터(주소를 저장하는 변수)이기 때문에 위의 출력은 이해가 갑니다만, char배열에서는 다르게 출력이 되어서 의문입니다.) 하지만 char word[6] = "hello"; cout << word << endl; => 이렇게 하면 hello가 출력되는데 왜 이렇게 되는지 알고 싶습니다... 이 강의 질문 내용 중에 교수님께서 답변하신 내용이 전통적으로 char배열명은 value값으로 출력한다고 하셨는데, 이 답변이 맞는 건가요?
menuType을 postHandle쪽에 설정해주셨는데 동일하게 했더니 페이지 이동때나 controller를 통해 이동되는경우에 호출되는것 같은데 2번또는 3번은 기본적으로 호출되는것 같은데 최초는 문제가 안되는데 2번또는 3번째는 modelAndView가 null 로 되어 에러가 지속적으로 뜨는것 같습니다. 화면작동상에는 문제가 없는데 지속적으로 이클립스 콘솔에 에러로그가 올라오네요 Caused by: java.lang.NullPointerException: Cannot invoke "org.springframework.web.servlet.ModelAndView.addObject(String, Object)" because "modelAndView" is null if (handler instanceof HandlerMethod) { logger.info("modelAndView : {}", modelAndView); modelAndView.addObject("menuTypes", MenuType.values()); }
안녕하세요. 강의가 만들어진지 좀 돼서 그런지 세부 설정 부분이 좀 달라서 안됐던 부분이 있기에 다른 분들 참고하시라고 글 남깁니다 :) 강의 내용대로 따라오신다음에 실행을 하면 dropbox에서 허용하지 않는다는 듯한, 어떤 문제가 발생했다는 에러가 발생하는데, 이는 아래 방법으로 해결 가능합니다. token을 만들었던 dropbox 개발자의 웹페이지에서 자신이 만든 앱에 들어가서 setting 옆에 있는 permissions 탭을 눌러줍니다. 그러면 안에 'Files and folders'가 빈박스로 돼있는걸 확인할 수 있을겁니다. 거기 4가지를 모두 체크해주고 아래 submit을 눌러줍니다. 그리고 Setting에 돌아가서 token을 다시 발급한 뒤 DL51 소스코드에 적용해줍니다. 그러면 에러 없이 실행되며, firebase와 dropbox에 들어간 것을 확인할 수 있습니다. 감사합니다.
선생님께서 알려주신 방법대로 A1 ~ A2 타입은 잘 해결하였습니다! 그런데 A3 ~ A4 공개문제에서 헤더 로고 포토샵 지시 사항에서, " Header 폴더에 제공된 로고를 삽입한다. 로고의 색은 과제명에 맞게 반드시 변경하여 한다"에서 색 변경은 어떤 걸 의미하는 걸까요.. 예를 들어 이미 header 폴더에 제공된 로고 사진 +로 워드 타입 로고를 색 변경해서 새로 생성해서 합치라는 의미인 건가요.. 포토샵 문제로 감점될 까봐 완벽하게 이해하고 싶은데 A3 ~ A4 타입의 헤더 로고 지시사항 자체가 이해가 되지 않아서 어떻게 해결해야 되는 지 궁금합니다 ㅠㅠ
[1] Error from chokidar (/Users/kyungwonhwang/Documents/boiler-plate/client/node_modules/@babel/runtime/helpers/esm): TypeError: anymatch is not a function [1] Error from chokidar (/Users/kyungwonhwang/Documents/boiler-plate/client/node_modules/@pmmmwh/react-refresh-webpack-plugin/client): TypeError: anymatch is not a function [1] Error from chokidar (/Users/kyungwonhwang/Documents/boiler-plate/client/node_modules/@pmmmwh/react-refresh-webpack-plugin/client/utils): TypeError: anymatch is not a function [1] Error from chokidar (/Users/kyungwonhwang/Documents/boiler-plate/client/node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime): TypeError: anymatch is not a function [1] Error from chokidar (/Users/kyungwonhwang/Documents/boiler-plate/client/node_modules/accepts): TypeError: anymatch is not a function 클라이언트 서버에서 위와같은 에러가 발생합니다. 깃헙 주소 : https://github.com/gof9325/boiler-plate/tree/master
안녕하세요! 항상 잘 보고 있습니다. 클래스 문법을 권장하지 않는다는 의견을 주셨는데요! 혹시 커뮤니티나 캡틴 판교님이나 주변 개발자들도 같은 의견일까요?! 여쭤보는 가장 큰 이유는 Vue CLI 팀에서 프로젝트를 만들 때 컴포넌트 스타일 방식을 기본값으로 해둔 이유가 있을거 같아서 입니다! Use class-style component syntax? (Y/n)
안녕하세요, 그랩님! 다름이 아니라, 잘 먹히던 prettier가 특정 파일에서만 적용되지 않는 문제점이 있습니다. 1. 프리티어를 지웠다가 다시 설치도 해보고, default formatter, format on save도 전부 체크하고 적용했지만 해당 코드 파일에서만 작동하지 않습니다. 2. 새 파일을 만들고 코드를 작성할 땐 적용이 되다가, 해당 코드를 복붙하는 순간부터 다시 프리티어가 적용되지 않습니다. 코드 상에 어떤 문제가 있는 것인지, 어떤 문제 때문인지 알 수 있을까요? <!-- index.html은 메인 페이지, 혹은 시작점을 네이밍 할 때 개발자들이 index라고 많이 함. --> < html > < head > < title > 그랩마켓 </ title > < link href =" index.css " type =" text/css " rel =" stylesheet " /> </ head > < body > < div id =" header "> < div id =" header-area "> < img src =" images/icons/logo.png " /> </ div > </ div > < div id =" body "> < div id =" banner "> < img src =" images/banners/banner1.png " /> </ div > < h1 > 판매되는 상품들 </ h1 > < div id =" product-list "> </ div > </ div > </ div > < div id =" footer "></ div > </ body > < script > var products = [ { name : ' 농구공 ' , price : 100000 , des : ' 이 농구공은 농구 황제 마이클 조던이 사용하던 농구공입니다. ' , imageUrl : ' /images/products/basketball2.jpg ' },{ name : ' 축구공 ' , price : 100000 , des : ' 이 축구공은 농구 황제 리오넬 메시가 사용하던 축구공입니다. ' , imageUrl : ' /images/products/soccerball1.jpg ' },{ name : ' 노트북 ' , price : 120000 , des : ' 이 노트북은 옛날에 만들어진 노트북입니다. ' , imageUrl : ' /images/products/notebook2.jpg ' } ] ; document . querySelector ( ' #product-list ' ) . innerHTML = ' <div class="product-card"> ' + ' <div> ' + ' <img class="product-image" src="images/products/basketball1.jpeg" /> ' + ' </div> ' + ' <div class="product-contents"> ' + ' <span class="product-name"> ' + ' 농구공 1호 ' + ' </span> ' + ' <span class="product-price"> ' + ' 50,000원 ' + ' </span> ' + ' <div class="product-seller"> ' + ' <img class="product-seller-avatar" src="images/icons/avatar.png" /> ' + ' <span class="product-seller-name"> ' + ' 그랩 ' + ' </span> ' + ' </div> ' + ' </div> ' + ' </div> ' </ script > </ html >
강의를 듣다가 궁금한점이 있어서 문의 드립니다. TLS통신에 대한 전반적인것은 이해가 가는데요.. 강의중에서도 나오지만 etcdctl 을 실행할때 총 3개의 인자를 주었습니다. (ca인증서, server 인증서, server key) 왜 3개를 사용하는지 좀 더 자세히 알 수 있을까요..!? etcdctl을 클라이언트로 생각하고, etcd를 server로 생각해야하는지.. 이렇게 생각한다면 etcd의 개인키를 왜 인자로주는지..등등 제가 잘못 이해하는건지.. 미리 감사합니다!
선생님 안녕하세요! 1. 포토샵에서 로고 등을 제작 후 웹으로 저장을 눌러서 저장을하려고 하면 첨부사진과 같이 경고문?이 뜨는데 괜찮은건가요?? 경고문이 나고나서 확인버튼을 누르면 저장되기는 하지만 혹시몰라 여쭤봅니다! 2. 그리고 로고는 배경 흰색도 아예 지워야하는것 맞나요?
