172만명의 커뮤니티!! 함께 토론해봐요.
미해결
따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
6.0 이상부터는 useNewUrlParser: true, useUnifiedTopology: true, useCreateIndex: true, useFindAndModify: false 내용이 기본 적용으로 위 내용을 주석처리나 지우고 실행 하시면 잘 연결 됩니다~
미해결
따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
안녕하세요! 저번 질문에서 강사님께서 라는 질문에 대하 라고 답변을 해주셨는데요! 그렇다면 다른 파일(예를 들어 RegisterPage.js 등 디스패치를 쓰는 곳들을 뜻합니다!) response.payload라고 쓰지 않고 loginSuccess, register,userData 등의 스토어에 저장된 값을 다른 파일에서 직접 사용하고 싶다면 어떻게 해야되나요? 강의에서도 스토어에 있는 값을꺼내쓰지않고 와 같이 직접 처리를 해주었는데, 특별한 이유가 있나요 ?? 감사합니다.
해결됨
프론트엔드 개발자를 위한, 실전 웹 성능 최적화(feat. React) - Part. 2
위와 같은 에러는 어떻게 처리하면 될까요 ?
미해결
스프링 기반 REST API 개발
@ExtendWith ({ RestDocumentationExtension . class , SpringExtension . class }) @SpringBootTest class EventControllerTest { private MockMvc mockMvc ; @Autowired private ObjectMapper objectMapper ; @Autowired private WebApplicationContext context ; @Autowired private EventRepository eventRepository ; @BeforeEach void init ( RestDocumentationContextProvider restDocumentation) { this . mockMvc = MockMvcBuilders . webAppContextSetup ( this . context ) .addFilters( new CharacterEncodingFilter( "UTF-8" , true )) .apply( documentationConfiguration (restDocumentation) .operationPreprocessors() .withRequestDefaults( modifyUris ().host( "yoonjoy.me" ).removePort(), prettyPrint ()) .withResponseDefaults( modifyUris ().host( "yoonjoy.me" ).removePort(), prettyPrint ())) .alwaysDo( print ()) .build(); } 추가로 addFilters에 UTF-8 설정을 통해 responseBody에서 한글이 깨지는 것을 막고, modifyUris을 통해 호스트 url localhost을 원하는 문자로 바꿀 수 있습니다.
미해결
실전! 스프링 데이터 JPA
jpa 커리큘럼 듣고있는 학생입니다. 첫 커리큘럼 강의 merge를 쓰지말라고 하셨는데(*1), 스프링 데이터 jpa의 save를 보면(SimpleJpaRepository구현체) merge를 사용하고 있습니다. 그러면 실무에서 스프링 데이터 jpa를 사용할 때 save기능을 사용하여야 하는것인지 사용하지 말아야 하는것인지 가이드 라인이 있을까요? *1.DB에서 데이터를 가지고 오기때문에 sql이 한번 나가는 문제, DB에서 가지고 온 데이터 수정할 때 일정 필드값이 누락될 경우 누락된 값은 변경감지와는 달리 없어지기 때문 등등의 문제로
해결됨
[리뉴얼] React로 NodeBird SNS 만들기
리덕스에서 관리되는 데이터는 props로 넘기는 대신 redux 접근해서 바로 가져와도 성능적인면에서 크게 상관없나요? 컴포넌트끼리 props 넘기는 과정이 귀찮고 나중에 코드볼때 어떤 데이터가 넘어가야되는지 확인해야되서 리덕스로 웬만한건 다 처리하려고하는데 상관없나요?
미해결
안녕하세요 현재 서로 믿을 수 있는 스타트업 멤버 구축 되었고 추가로 능력있고 참하신 개발자 팀원 두분 더 찾습니다. 관심있으신분 연락 부탁드립니다 1. 주제소개: 반려동물 서비스 중 현재 시장에 없는 서비스. 2. 현재 진행 단계: 시장분석 및 주제와 명확한 방향성까지 잡은 상태 3. 모집분야 및 주요업무: 앱 개발자-하이브리드 앱 (웹앱을 네이티브 형태로 감싼 형태) 유사사이트: https://www.pet-friends.co.kr/main/tab/2 4. 모집경력 및 필요스킬: 앱개발 관련하여 경력이 있거나, 최소 스프링을 자유롭게 다룰 수 있는 스킬 필요 vue.js 옵션 등 5. 참고기타사항: 기획/디자인/개발/마케팅 포지션 다 구성되어 있으나, 추가 개발자가 두분 정도 더 필요한 상황 6. 문의/연락: 010-4590-4917 배대근 카카오:antoniobae1 참고url:IT 웹 앱 마케팅 개발 창업모임 파랑새(Since 2021.10.02 : 네이버 카페 - http://naver.me/FIgA4x8x
미해결
실전 리액트 프로그래밍
안녕하세요. typescript 와 create-react-app 을 사용하여 공부중인데요. 커스텀 훅을 만들어서 비동기 API를 호출하여 테이블에 노출하는 기능을 구현하다가 도저히 답이 안나와서 질문드립니다. useState와 useEffect 를 사용하여 비동기 API를 set 하는 커스텀훅을 만들었고, axios 를 호출하는 별도의 파일을 만들어서 사용중인데 const [items , setItems] = useState <coronaApiProps[]>() ; const coronaItems = getCorona () ; useEffect (() => { setItems(coronaItems) ; } , []) ; 이렇게 사용하니 아래처럼 에러가 나타납니다. TS2345: Argument of type 'Promise<coronaApiProps[]>' is not assignable to parameter of type 'SetStateAction<coronaApiProps[] | undefined>'. Type 'Promise<coronaApiProps[]>' is not assignable to type '(prevState: coronaApiProps[] | undefined) => coronaApiProps[] | undefined'. Type 'Promise<coronaApiProps[]>' provides no match for the signature '(prevState: coronaApiProps[] | undefined): coronaApiProps[] | undefined'. coronaApiProps 는 제가 만든 인터페이스입니다. 해당 에러가 나타나서 useEffect 안에 const [items , setItems] = useState <coronaApiProps[]>() ; // axios 로 api 호출 const coronaItems = getCorona () ; useEffect (() => { coronaItems. then (response => { setItems(response) ; }) ; } , []) ; 이렇게 사용하니 커스텀훅을 두번 호출합니다. 그래서 axios 파일을 분리하지 않고 커스텀훅 안에 사용하면 커스텀훅을 한번만 사용합니다. api를 호출하는 axios 파일을 분리하고 사용할 수 없나요? 필요하면 github 추가해드릴 수 있습니다.
미해결
실전! 스프링 부트와 JPA 활용1 - 웹 애플리케이션 개발
Order 엔티티의 orderItem과 delivery에 cascade를 사용했기 때문에 둘의 레포지토리를 만들지 않은 건지 궁금합니다. 만약, cascade를 사용하지 않았다면 레포지토리를 만들어줘야 하는 건가요??
미해결
실전! 스프링 부트와 JPA 활용1 - 웹 애플리케이션 개발
@Controller @PostMapping ( "/items/{itemId}/edit" ) public String update ( @PathVariable ( "itemId" )Long itemId , @ModelAttribute ( "form" ) BookForm form){ itemService .updateItem(itemId , form.getName() , form.getPrice() , form.getStockQuantity() , form.getAuthor() , form.getIsbn()) ; return "redirect:/items" ; } @Service /** * 다운캐스팅 없이 따로 findBook 메소드를 만들어줌 */ @Transactional public void updateItem (Long id , String name , int price , int stockQuantity , String author , String isbn) { Book findBook = itemRepository .findBook(id) ; findBook.updateBook(name , price , stockQuantity , author , isbn) ; log .info( "update실행" ) ; } Book엔티티 @Entity @DiscriminatorValue ( "B" ) @Getter @NoArgsConstructor (access = AccessLevel. PRIVATE ) @Slf4j public class Book extends Item { private String author ; private String isbn ; private Book (String name , int price , int stockQuantity , String author , String isbn) { super (name , price , stockQuantity) ; this . author = author ; this . isbn = isbn ; } /** * 정적 팩토리 메소드 생성 */ public static Book createItem (String name , int price , int stockQuantity , String author , String isbn) { Book book = new Book(name , price , stockQuantity , author , isbn) ; return book ; } /** * update 변경 로직 */ public void updateBook (String name , int price , int stockQuantity , String author , String isbn) { addItem(name , price , stockQuantity) ; this . author = author ; this . isbn = isbn ; } } Item엔티티 /** * update 변경 로직 */ protected void addItem (String name , int price , int stockQuantity) { this . name = name ; this . price = price ; this . stockQuantity = stockQuantity ; } 안녕하세요! 2회독하면서 영한센세가 말씀하신대로 setter는 최대한 쓰지않고 개발하고있습니다. 따로 DTO는 만들지않고 정적 팩토리 메소드를 활용해서 변경감지 로직을 짜봤는데 제대로 짠건지 잘 모르겠네요. 여기서 더 수정 하자면 어떤부분을 고치면 좋을까요??
미해결
자바 ORM 표준 JPA 프로그래밍 - 기본편
55초 '플러시 발생' 관련 문의 드립니다. 기존 강의 슬라이드에 그려지고 설명된 바로는, persist()호출 되거나 영속 상태의 entity에 변경이 발생할 때, 영속성컨텍스트 1차 캐시 Entity가 업데이트 되고 동시에 지연 SQL 저장소에 추가된다고 설명해 주셨습니다. 즉, flush() 호출 시에는 단순히 이미 저장 된 batch SQL들을 Query하고 DB transaction을 commit한 뒤 1차 캐시 스냅샷을 업데이트할 거라 예상했습니다. 그런데 이번 강의에서는 em.flush() '호출 시'에 '변경 감지' 및 '수정된 엔티티 쓰기 지연 SQL 저장소에 등록'을 수행한다고 설명해 주셨네요.. 타이밍에 대한 설명이 상이한데, 어느 쪽이 맞는 설명인지 문의 드립니다..
미해결
실전! 스프링 부트와 JPA 활용1 - 웹 애플리케이션 개발
정적 팩토리 메서드와 코드가 엄청 유사한데 객체 생성을 위한 메서드로 이해하면 될까요??
미해결
자바 ORM 표준 JPA 프로그래밍 - 기본편
안녕하세요 김영환님! 프록시가 영속성 컨택스트에 의해 관리되고, 동일 트랜잭션에서는 영속성 컨텍스트 내에 동일성을 위해 엔티티는 프록시에 저장된다는 답변을 보고 질문을 남깁니다. 저는 그래서 1차 캐시에 프록시가 저장이 되고 (id는 동일하므로) 실제 엔티티 객체는 1차 캐시에 직접적으로 저장되기 보다는 프록시에 저장(래핑) 되는 형태로 이해했는데요. 그렇다면 스냅샷은 어떻게 관리되고, 더티체킹은 어떻게 되는지 궁금합니다. 프록시와 감싸여진 실제 엔티티 모두가 스냅샷이 저장되나요? 더티체킹은 어떻게 진행되나요??? 추가적으로 프록시의 id는 getReference()를 호출하면서 입력해준 id가 되는데 이때 id가 db 상에 존재하지 않는다면 초기화때 어떤 예외가 발생하는지도 궁금합니다. 좋은 강의 감사합니다!!
미해결
Slack 클론 코딩[실시간 채팅 with React]
실행시 아래와 같은 오류가 발생합니다. 아무리 구글링해봐도 안보이네요. [에러내용]
미해결
스프링 시큐리티
안녕하세요. 이번 강의를 들으면서 질문하고자 하는 내용은 바로 앞 강의 CustomUserDetailsService 구현만으로 로그인이 정상적으로 되는지 안 되는지 체크를 해 주었는데, 이번 강의에서는 CustomAuthenticationProvider 를 사용해서 입력 비밀번호와 디비 저장 비번을 matches 로 비교를 직접하셨는데요. 기능적으로 두 강의의 차이를 모르겠어요. 그럼 실제 사이트에서 로그인 로직을 만들때는 CustomUserDetailsService, CustomAuthenticationProvider 모두를 구현해 줘야 하는건가요? 감사합니다. ^.^
미해결
실전 리액트 프로그래밍
이전 과정까지는 잘따라왔는데 어느순간부터 npm start시 오류가 납니다. 1. visual studio code - 터미널에서 실행하는것과 / window [cmd]에서 실행하는것과 같은것이죠? 2, package.json / package-lock.json 두파일은 실행하는 프로젝트 안에 존재하면 되나요? 3. node_modules 을 삭제해도 해결이 되지 않아 답답합니다. 초기 오류는 webpack version이 달라서 생긴 문제였는데 지금은 프로젝트 폴더에서 npm start시 아래와 같은 오류가 뜨는데 도움 주실수 있나요 ㅜ 'react-scripts'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다. npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! suspense@0.1.0 start: `react-scripts start` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the suspense@0.1.0 start script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above. npm WARN Local package.json exists, but node_modules missing, did you mean to install? npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\seulki-office\AppData\Roaming\npm-cache\_logs\2021-11-16T08_31_43_225Z-debug.log
해결됨
실전! 스프링 부트와 JPA 활용1 - 웹 애플리케이션 개발
[질문 내용] BookForm을 setter로 계속 값 넣어주신 부분에서 set, set, set.. 이게 너무 귀찮아서 구글링 해보니까 @Builder 어노테이션을 Lombok에서 지원하던데 BookForm 엔티티에 이거 사용해도 문제 없나요? Book item = ( Book ) itemService . findOne (itemId) ; BookForm form = new BookForm . BookFormBuilder () . id ( item. getId ()) . author ( item. getAuthor ()) . isbn ( item. getIsbn ()) . name ( item. getName ()) . price ( item. getPrice ()) . stockQuantity ( item. getStockQuantity ()) . build () ;
해결됨
실전! 스프링 부트와 JPA 활용2 - API 개발과 성능 최적화
안녕하세요. 도메인 주도 모델을 공부하면서 강의를 복습하고 있습니다. 비즈니스 로직이 Entity 객체에 들어가는 이유 등은 조금씩 이해가 가고 있는 중입니다. 그런데 제가 경험이 없다보니 이론서와 예제를 비교하다 보니까 다른 점이 몇 가지 있어서 실제로는 반드시 이론대로 사용하는 것은 아닌가? 라는 생각도 들고 학습을 위해서 간단히 만드신 건가 잘 모르겠어서 질문드려봅니다. 도메인 주도 설계 아키텍쳐를 보면 1 프레젠테이션 계층 2 애플리케이션 계층 3 도메인 계층 4 인프라스트럭처 계층 이렇게 나누어진다고 하는데요. 여기서 1 프레젠테이션 계층이 MVC이고 영상에서 나오는 controller domain service는 3 도메인 계층으로 보입니다. 그런데 2 애플리케이션 계층은 보이지 않고 애플리케이션 계층이 와야 할 자리에 도메인 계층이 있는 것처럼 보입니다. 예를 들면 도메인 객체인 Entity나 Repository가 Controller에서 사용되고 있습니다. 이론서를 보면 컨트롤러에서는 도메인 계층의 구현을 알지 않는 것이 좋으며, 모든 도메인 계층에 대한 호출은 어플리케이션 계층 안에서(ex entityApplicationService Class 안에서) 이루어지는게 좋다고 하더라고요. 실무에서도 예제처럼 어플리케이션 계층을 생략하고 할 때가 많나요? 아니면 강의에서는 학습용으로 생략이 된 것인지 제가 무언가 간과하고 있는 부분이 있는지 궁금해서 이렇게 질문드리게 되었습니다.
미해결
(사진)
해결됨
프론트엔드 개발자를 위한, 실전 웹 성능 최적화(feat. React) - Part. 2
강의와 관련없지만 , 구글창키면 처음 나오는 페이지입니다! 웹팩 관련한 페이지 같은데 혹시 어떻게 설정하신건가요 ?! 추가로 private로 설정하면 AWS S3에서 올라간 이미지들을 불러올 때 캐싱이 적용이 안되는건가요 ? 내 브라우저 기준이 어떤건지 잘 모르겠습니다.
