useEffect와 useMemo 둘 다 의존성 배열이 바뀔때만 실행되도록 하는 훅으로 알고 있는데, 정확한 차이가 와닿지 않습니다..!

안녕하세요. 오늘도 좋은강의 정말 감사히 듣고 있습니다.제가 웹개발자가 아니라서 정확하게는 잘 모르긴 합니다.6-3에서 문의글 상태변경, 삭제할때 PUT, DELETE 인 http메소드를 사용하시던데제가 알기로는 PUT, DELETE는 보안에 취약한것으로 알고 있는데 사용해도 상관은 없는지 궁금합니다.만약 사용하지 않는다면 상태변경, 삭제할때 GET과 POST방식만으로 어떤식으로 사용해야할지 로직정도만 알려주시면 감사하겠습니다.

강의에서 아래 코드와 같이 배웠습니다.근데 변수인 keys가 마치 배열에서 배열에 담긴 값들을 꺼내는 것 처럼keys[i] 를 쓰니까 혼란이 옵니다.그러면 Object.keys()를 배열이라고 봐도 되나요?// 1) Object.keys 사용 // 객체에서 key 값들만 뽑아서 새로운 배열로 반환 let keys = Object.keys(person); for (let i = 0; i < keys.length; i++) { console.log(keys[i]); }

자바스크립트에서 변수뒤에 . 이후 사용하는것은 함수를 사용하는 것인가요?변수.length 이밖에 등등

앱 빌드 중에 문제가 생겨 문의드립니다.아래 알려주신 명령어를 입력하면 로컬이 아니라 expo.dev 사이트에서 앱이 빌드 되는 것을 확인 했습니다. 무료 계정 기준으로 빌드 시간이 30분~1시간 소요됩니다...npx eas build --platfo rm android --profile development 바쁘시겠지만 로컬에서 빌드하고 AVD에 설치하는 과정을 알려주시면 감사하겠습니다. 저와 같은 문제가 발생하시는 분들은 npm run android 또는 npm run ios 를 입력하시면 앱이 설치가 됩니다.이게 정석인지는 잘 모르겠습니다..

현재 제가 동물 앨범 만들기 전체 파일 구조와 index.html 코드는 이렇게 작성하였으며, 강의 내용과 동일하게 작성하였습니다api.js 코드와 TabBar.js 코드입니다. 강의 내용과 동일하게 작성하였습니다.content.js 코드와 index.js 코드를 작성하였습니다.마지막으로 App.js 코드를 작성하였지만, 동물 사진이 웹 화면에 출력이 되지 않고 있습니다!import TabBar from "./components/TabBar.js"; import Content from "./components/Content.js"; import { request } from "./components/api.js"; export default function App($app) { this.state = { currentTab: window.location.pathname.replace("/", "") || "all", photos: [], }; //tabBar const tabBar = new TabBar({ $app, initialState: this.state.currentTab, onClick: async (name) => { history.pushState(null, null, `/${name}`); this.updateContent(name); }, }); //content const content = new Content({ $app, initialState: [], }); //state this.setState = (newState) => { this.state = newState; tabBar.setState(this.state.currentTab); content.setState(this.state.photos); }; this.updateContent = async (tabName) => { console.log(tabName); const name = tabName === "all" ? "" : tabName; const photos = await request(name); this.setState({ ...this.state, currentTab: tabName, photos: photos, }); }; window.addEventListener("popstate", () => { this.updateContent(window.location.pathname.replace("/", "") || "all"); }); const init = async () => { this.updateContent(this.state.currentTab); }; init(); }

동물 앨범 만들기 3차 까지 들어서 라이브 코드를 작성하였지만, 강의 내용에서 나오는 웹 실행화면이 출력되지 않고 있습니다.또한, 강사님의 깃 주소에 있는 코드들을 그대로 실행해도 강의 내용처럼 나오지 않습니다.강사님이 동물 앨범 만들기 2차 때는 1차에서 작성한 각 동물들의 js파일과 html 파일을 삭제하라고 하셨는데, 막상 1차때 작성한 파일들을 삭제하니까 동물 사진이 웹에 출력되지 않아서 다시 기재하였습니다그래서, 강사님의 깃 주소에는 1차와 2차, 3차 코드는 중복되게 작성하면 안되는 건가요?강사님처럼 웹 화면에 출력될려면 3차 코드만 있으면 되는 건가요?왜 3차 코드만으로 강의 내용처럼 출력이 안되는 걸까요?1차, 2차, 3차의 모든 코드들을 융합해서 작성해야하나요?다음 강의 node.js와 express.js를 진행할 수 가 없어서 급하게 문의드립니다! !

10:07:43 PM bh-mygpt-api-function: Zip package size: 5.59 kB 10:07:44 PM bh-mygpt-api-function: Fetching changes. 10:07:45 PM bh-mygpt-api-function: Cleaning up temp folders from previous zip deployments and extracting pushed zip file /tmp/zipdeploy/f322c28d-ce96-4124-9cb3-252f7c3879e2.zip (0.01 MB) to /tmp/zipdeploy/extracted 10:07:47 PM bh-mygpt-api-function: Updating submodules. 10:07:48 PM bh-mygpt-api-function: Preparing deployment for commit id '46352960-d'. 10:07:48 PM bh-mygpt-api-function: PreDeployment: context.CleanOutputPath False 10:07:48 PM bh-mygpt-api-function: PreDeployment: context.OutputPath /home/site/wwwroot 10:07:48 PM bh-mygpt-api-function: Repository path is /tmp/zipdeploy/extracted 10:07:48 PM bh-mygpt-api-function: Running oryx build... 10:07:48 PM bh-mygpt-api-function: Command: oryx build /tmp/zipdeploy/extracted -o /home/site/wwwroot --platform python --platform-version 3.11 -p packagedir=.python_packages/lib/site-packages 10:07:49 PM bh-mygpt-api-function: Operation performed by Microsoft Oryx, https://github.com/Microsoft/Oryx 10:07:49 PM bh-mygpt-api-function: You can report issues at https://github.com/Microsoft/Oryx/issues 10:07:49 PM bh-mygpt-api-function: Oryx Version: 0.2.20230210.1, Commit: a49c8f6b8abbe95b4356552c4c884dea7fd0d86e, ReleaseTagName: 20230210.1 10:07:49 PM bh-mygpt-api-function: Build Operation ID: 379fd46c502b6733 10:07:49 PM bh-mygpt-api-function: Repository Commit : 46352960-d49c-4dd9-8718-f017c28fb0aa 10:07:49 PM bh-mygpt-api-function: OS Type : bullseye 10:07:49 PM bh-mygpt-api-function: Image Type : githubactions 10:07:49 PM bh-mygpt-api-function: Detecting platforms... 10:08:00 PM bh-mygpt-api-function: Syncing triggers... 10:08:02 PM bh-mygpt-api-function: Querying triggers... 10:08:03 PM bh-mygpt-api-function: No HTTP triggers found. VS Code에서 API 배포시 No HTTP triggers found 가 뜨면서 배포가 제대로 안되는 것 같습니다.저도 애져 포탈에서 함수 앱을 만들 때 스토리지 부분이 없었는데 다른 분들의 질문답변 내용을 참고해서 AzureWebJobsStorage 을 액세스 키로 채워줘도 해결되진 않았습니다어디 부분이 문제일까요??그리고 코드 틀린 부분이 있는지 확인하고 다시 테스트를 해보려면 강의를 처음부터 다시 봐야하는데 완성된 코드 예제는 없을까요?           

안녕하세요~ 먼저 좋은 강의를 무료로 공개해주셔서 감사드립니다다름이 아니라 제 현재 수준이 기초CS나 백엔드 등의 지식이 전무하다보니 강의를 보면서 따라해보고는 있지만 무슨 내용인지 모른 상태로 따라쳐보고만 있고 이슈가 발생하면 막히면서 진행하는데 차질이 큰데 일단 몰라도 쭉 따라가는게 괜찮을까요?? 공부 방법을 어떻게 하면 좋을지 궁금하여 문의드립니다.

제목 그대로입니다

강의 보다보면 저장했을 때 들여쓰기가 다 정리되던데 단축키 인가요 확장프로그램인가요??

export default function solution(str) { let answer = ''; let l = 1; for (let i = 0; i < str.length; i++) { if (answer[answer.length - 1] !== str[i]) { if (l > 1) { answer += l + str[i]; l = 1; } else { answer += str[i]; } } else { l++; } if (i === str.length - 1 && l > 1) answer += l; } return answer; }여러 경우에 대해서 대응은 되는거 같은데 괜찮은가요 ?

뒤로 이동 버튼을 눌러 페이지 전환이 잘 되었음을 검증하고 싶으면 history web api 등을 이용해서 검증하는게 더 올바르지 않나요??왜 useNavigate 의 반환 함수의 인자로 검증하는지 궁금합니다~

CH5-1에서 언급해주신 특정 IP만 접속 가능한 화이트리스트, 블랙리스트 기능 혹시 강의 예정 있으실까요?? 막상 언급하시니 궁금해서요...

강의 내용과는 무관하지만 평소에 고민하던 점이 있어 문의드려 봅니다 평소에 type/interface 정의를 어디 둘지 고민하는 경우가 많은데요d.ts를 만들어 타입끼리 묶어둠 각자 가장 관련도 높은 파일에 둠제로초님은 강의 예제 정도 규모의 프로젝트에서 어떻게 하시는지 궁금합니다 저는 타입이 먼게 싫어서 2번을 선호하는데 '관련도 높다'는 기준이 주관적이어서 위치를 명확히 잡기 어렵고, 개발이 진행되며 관련도가 바뀌는 경우도 생기더라고요

교안 어디서 다운받나요?

package.json 파일에맨밑 "type": "module"를 삽입하고 npm run start 를 하면강의에는 esm과 js모듈을 같이 사용할 수 없기 때문에 오류난다 하셨는데 정상적으로 작동하는 현상이 발생합니다     

안녕하세요.강의시 사용하신 강의 자료를 다운로드 할수 있나요?

예제에서 팩토리 메서드를 굳이 왜 써야 하는지 이해를 하지 못했습니다 심플 팩토리 예제에서 grimpanFactory라는 함수의 존재 이유가 서로 다른 생성자들을 묶어주려는 요구사항이 있기 때문으로 이해했는데요 이 요구사항에 따르면 AbstractFactory들을 만들어주더라도 결국 이들을 묶어주는 로직이 필요하고 여전히 if else가 불가피한게 아닌가 생각됩니다정리하면애초에 grimpanFactory라는 함수를 만든게 type만으로 서로 다른 클래스 인스턴스를 편리하게 생성하는게 요구사항이 있어서가 아닌지(1번이 맞다면) AbstractFactory를 만들더라도 이 요구사항을 만족하려면 어딘가엔 if else가 와야할 것 같은데 잘못 이해한 것인지(1번이 틀리다면) 묶어주는게 요구사항이 아니라면 애초에 AbstractFactory 없이 생성자 바로 호출하면 되는게 아닌지

안녕하세요 vscode에서 안드로이드 에뮬레이터를 사용해서 켰는데 이렇게 뜨는데 무슨 오류일까요 ㅠㅠ 계속 안 고쳐지네요ㅠㅠ