부트캠프 후기8 LDD(Logic Driven Development)??[20221111-TIL] 최근에 설계부터 누가 시키지 않은 것들을 스스로 구현해나가며 개발을 하는 포폴을 하다보니 DDD(Domain Driven Development) , TDD(Test Driven Development),BDD(Behaviour-Driven Development) 등의 개발을 자연스럽게 많이 듣게되었다. 장난스럽게 홀맨님(메가테라 대표님)께 그럼 앞에 다 가져다 붙인 개발법은 없냐고 했는데 단호하게 '네 없어요' 라고 하셨다. 최근 코딩의 신 아샬님과 트레이너 님께 피드백을 계속 받으면서 느낀 것은 사실 개발 공부를 막연히 정보를 끌어다 쓰는 느낌보다는 내가 만들고자하는 법을 명확히하고 내가 가진 자원(시간 금전 등)에 기반하여 그것으로 향하는 가장 최적 최선은 무엇인지를 생각하고 중간에 수정도 거치면서 완.. 2022. 11. 11. CKeditor 리액트에서 테스트 코드짜기[20221110-TIL] 외부 라이브러리는 어떻게 테스트 코드를 짤까? CKeditor라는 외부 라이브러리를 사용했는데 이걸 대체 어떻게 테스트 코드를 짜나... 고민했다. 트레이너 님에게 물어보니 외부 라이브러리는 그냥 그 자체에게 맡기고 테스트 코드를 따로 작성하지 않는다고 한다. 그럼 어떻게 mocking을 해 올 수 있을까?? 컴포넌트는 결국 함수다 컴포넌트는 결국 함수기 때문에 라이브러리를 불러온 위치를 써주고 jest.fn()으로 정의 내려 주었다. import { CKEditor } from '@ckeditor/ckeditor5-react'; import ClassicEditor from '@ckeditor/ckeditor5-build-classic'; jest.mock('@ckeditor/ckeditor5-reac.. 2022. 11. 10. @ElementCollection , 모델(엔터티)에 List, 배열 넣는 법[20221109 TIL] 다시 코드를 리팩터링 하는 중. 어제 쓴 것에 기반으로 조금 리팩토링하는데 확실히 달라진게 있는 듯? 하다. 단점은 시간이 다소 걸린다는 점. 여태까지 모델(엔터티)에 배열 넣는 법을 글을 썼는데 다시 또 바꿔쓰려고 한다. 고민 https://onulmansanda.tistory.com/202 데이터베이스에 배열 넣기?[20221031-TIL] [관계형]데이터베이스에 배열을 넣을수 있나 데이터에 배열형태로 해쉬태그를 넣으려고 했는데 이런 오류코드가 뜬다. 테이블에 배열 넣을 수 없다는 뜻인듯. 이걸 해결하는 어노테이션이 있는 onulmansanda.tistory.com 1. @ManyToOne 쓰는 법 https://onulmansanda.tistory.com/204 ManyToOne, OneToMany.. 2022. 11. 9. 리액트에서 CK에디터 구현하기2 (리액트 html 태그 사용 법 dangerouslySetInnerHTML) [20221106-TIL] 어제는 다름이 아니라 리액트에서 CK에디터 라이브러리를 가져와 적용하는 법을 간단하게 소개했다. 어제 백엔드 테스트는 마쳤고 이제 그걸 프론트로 가져올때 어떻게 되는지를 알아야하는데 실제로 가져와보았다. CK에디터 텍스트 리액트에 그냥 가져왔을때 화면 결과 작성할때에는 위와 같이 보이다가 가져오면 아래와 같다. 리액트는 HTMl태그를 인식하지 않고 텍스트 그자체로 가져오는데 이는 스크립팅 공격을 방지하기 위해서 라고 한다. 크로스사이트 스크립팅 공격이란? 크로스 사이트 스크립팅은 웹사이트에 악성 스크립트를 주입하는 행위를 말합니다. 해커는 사람들이 친밀하고 안전하다고 생각하는 웹사이트에 악성 스크립트를 주입하고, 악성 스크립트가 포함된 게시글을 열람한 피해자들의 쿠키는 해커에게 전송됩니다. 이를 통해 해.. 2022. 11. 6. 이전 1 2 다음
