export default function TabBar({$app, initialState, onClick }) { this.state = initialState; this.onClick = onClick; this.$target = document.createElement('div'); this.$target.className = 'tab-bar'; $app.appendChild(this.$target); // 필요한 버튼 this.template = () => { let temp = `<div id="all">전체</div> <div id ="penguin">펭귄</div> <div id ="koala">코알라</div> <div id="panda">판다</div>`; return temp; }; this.render = () => { this.$target.innerHTML = this.template(); //$currentTab변수에 현재 state값과 동일한 아이디를 갖는 버튼 요소 할당 let $currentTab = document.getElementById(this.state); //$currentTab ? ($currentTab.className = "clicked") : ""; $currentTab && ($currentTab.className = "clicked"); 동물 앨범 만들기 2-2 강의부분에서 $currentTab 변수에 현재 state값과 동일한 아이디를 갖는 버튼 요소를 할당한다고 하셔쓴데, 왜 this.state가 들어가는지 이해가 가지 않습니다. this.state값은 initialState이고 initialState은 APP컴포넌트에서 빈문자열이었는데...그 뒤로 추론이 되지 않아서.... 흐름? 좀 알려주세요ㅡㅠ
비전공자를 위한 풀스택 맛집지도 만들기 프로젝트!: Front, Back-end 그리고 배포까지
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요! 제가 AWS가 아닌 Azure 서버를 이용하고 있는데, Azure는 어떻게 이용 가능한 지 알 수 있을까요? 프로젝트를 수행하고 있는 비전공자라 개념이 많이 부족합니다. 운이 좋게 Azure를 쓸 기회를 얻어서 Azure를 이용해서 작업하고 싶은데, 어떻게 사용할 있을 지 알 수 있나 싶어 질문 드립니다.
ASP.NET Core MVC +ASP.NET Core +REST API +.NET 8.0
웹폼도 써보고, 다른 언어도 해봤는데 비동기를 쓰지는 않았었는데요. 강의하는 내용보면, 대부분 비동기로 처리하더라고요. 그런데 만약 게시판 글쓰기 같은 경우 리스트나 조회페이지로 이동을 시키는데요. 비동기로 처리하면 나의 글이 저장이 안된 상태에서도 이동이 가능한데, 그러면 내 글이 없는 상태로 나타나게 될텐데요. 혹시 어떤 이유때문에 비동기로 처리하는 건지 아니면 단순히 사용법 알려주시려고 그렇게 한건지 궁금합니다.
안녕하세요 우선 강의 잘 듣고 있습니다^^ 동물 앨범 만들기 2-2를 진행하다가 문의 사항이 있어 글을 남겨 봅니다. 아래 코드에서 this.setState에 ...this.state 값을 넣어주면서 "spread (…) 연산자를 사용해서 기존의 상태를 유지해주고" 라고 설명을 해주셨는데요 이 부분이 이해가 잘 가지 않아서요~ this.setState({ ...this.state, currentTab: name, photos: await request(name), }); setState 함수 newState 매개변수에 { ...this.state, currentTab: name, photos: await request(name), } 객체 값이 들어가면서 ...this.state 값은 어디 값에 들어가게 되서 기존 상태를 유지한다고 봐야 될까요?? export default function App($app) { 7 this.state = { 8 currentTab: 'all', 9 photos: [], 10 }; 11 12 const tabBar = new TabBar({ 13 initialState: '', 14 onClick: async (name) => { 15 this.setState({ 16 ...this.state, 17 currentTab: name, 18 photos: await request(name), 19 }); 20 }, 21 }); 22 23 const content = new Content(); 24 25 this.setState = (newState) => { 26 this.state = newState; 27 tabBar.setState(this.state.currentTab); 28 content.setState(this.state.photos); 29 }; 30}
ASP.NET Core MVC +ASP.NET Core +REST API +.NET 8.0
안녕하세요 20강의 마지막 부분에서 배포 부분에서 궁금한 점이 있어서 질문드립니다. 강의 중 20강 26:34 에서 "공유기가 아닌 랜선을 바로 여러분들의 컴퓨터하고 연결을 한다면 공인 ip를 통해 외부에서 여러분들이 생성한 사이트에 접속이 가능" 이라는 설명이 있습니다. 무선 네트워크 환경(공유기 or 핫스팟 등)에서는 배포가 불가능한가요?
[코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - NestJS Core
controller에서 async를 안하고 바로 promis객체를 리턴하는 이유가 몬가요? 그런데 이상하게도 값이 잘 나오네요? 제 생각에는 Promise<model>하고 await 후에 나오는 model값을 반환하는게 차이가 있어야 한다고 생각이 나는데 차이가 없네요? 그럼 보통 controller에는 async 키워드없이 로직을 처리하나요? 코드팩토리 디스코드에 질문하면 더욱 빠르게 질문을 받아 볼 수 있습니다! [코드팩토리 디스코드] https://bit.ly/3HzRzUM - 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
혼자할때 요런식으로 진행했는데 강의를 보니 아예 다르게 하시더라구요 피그마 여백쪽을 margin 으로 일일히 계산했는데 틀린방법일까요? weight 100% 주면서 쉽게쉽게 하시길래 보면서 제 생각에는 미리 div들 따로 해놔서 maring 굳이 줄 이유가 없는것일까요?
[개정판 2023-11-27] Spring Boot 3.x 를 이용한 RESTful Web Services 개발
이전 학습에서 /users/{Id} 에 맵핑된 retrieveUser 메소드의 리턴타입을 EntityModel<User> 로 정의했습니다. 따라서 아래와 같은 리턴문으로 마쳤습니다. return entityModel; 반면, 이번 수업에서는 리턴타입을 ResponseEntity로 정의하셨고 return ResponseEntity.ok(entityModel); 로 마무리 됐습니다. 두 방식 모두 포스트맨에서 테스트할 때 동일한 결과를 확인할 수 있었는데요. 어떤 차이로 두 수업에서 리턴타입을 구별하셨는지 궁금합니다~!
this.template = () => 에서 temp에 태그들을 넣어주고 하는 부분에 input에는 클로징태그가 필요없는 건가요? 클로징태그를 작성시 input에 value에 자동으로 /값이 들어가게 되는 상태가 되어 클로징태그가 필요 없는 부분인가? 필요 없는 이유는 무엇인지..에 대한 궁굼증이 생겨 질문드립니다 <div class='search'> <input type="text" placeholder="Search" id="search" autocomplete="off" value=${searchWord} > </div>
[리뉴얼] 처음하는 파이썬 백엔드와 웹기술 입문 (파이썬 중급, flask[플라스크] 로 이해하는 백엔드 및 웹기술 기본) [풀스택 Part1-1]
섹션 8 flask 다양한 기능: 다양한 데코레이터 3분 37초 flask_ deco.py 파일 실행 시 AttributeError: 'Flask' object has no attribute 'before_first_request'. Did you mean: '_got_first_request'? 라고 에러가 뜹니다. 검색 해 보니 Flask는 2.2.x 이후로 'before_first_request'를 더 이상 사용하지 않는다고 합니다. before_first_request 는 어떻게 대체가 되는건지... 정보 검색이 어렵습니다. 어떻게 하면 될까요? 도와주세요~
타입 문제라고 해서 dto랑 product.entity에 타입이 서로 각각 string[] , ProductTag[] 로 서로 다른 타입으로 설정 했더라구요 그래서 그냥 똑같이 ProductTag[] 으로 똑같이 설정 했더니 오류는 사라졌습니다 근데 이게 정답이 맞나요? 수정 전 dto @Field(() => [String]) productTags: string[]; product.entity.ts @Field(() => [ProductTag]) productTags: ProductTag[]; 수정후 dto @Field(() => [ProductTag]) productTags: ProductTag[];
