분류 전체보기251 효율적으로 학습을 하자[메가테라 19주차 주간회고] 학습이란? 배우는 느낌 저번주 였던가 아무튼 며칠 간 잠도 많이 자지 않고 의무적으로 일찍와서 가장 늦게가기를 실천하고 있었는데 정말 찝찝한 기분을 떨쳐버릴 수 가 없었다. 바로 학습이 크게 되지 않는 느낌. 지난 테스트할때 이사하느라 뭐하느라 새로운 장소에 적응하느라 학습을 잘 하지 않는 기분이었는데 그 기분 비슷한 것이 들었다. 원인? 구현 중심의 코드 일단 가장 큰 원인은 코드 구현을 워낙 잘 못해왔기에 '구현'에 급급해지고 그러다보니 학습을 하고싶지만 그러기보다 이전 코드를 '참조' 하는 느낌이 많이 들었다. 참조는 인출과 정말 정반대의 말이라서 정말 학습이 되는 느낌이 없다. 그리고 무언가 기능이 구현이 되면 굉장히 찝찝하고 재현할 때 무섭지만 또 인간은 간사해서 결과물을 보고는 저건 내가 했어.. 2022. 11. 7. 개발하기전 설계하는 법[20221107-TIL] 오늘은 코딩의 신 아샬님이 직접 오셔서 코드 리뷰 겸 특강을 해주셨다. 기획 설계 모든 걸 처음하는 터라 우리 동기 코드 모두가 난해하고 파악하기 어려웠는데 특히 구조 부분이 그랬다. 문제파악 - 복잡한 구조 코드를 구현하는 것도 애먹었던 우리라 일단 구현만 하자 라는 마음가짐으로 했던 것 같은데 그러다보니 코드를 구성하는 방식이 구현을 따라가고 마치 인간의 진화과정 처럼 허리가 약간 구조로 진화된 사람처럼 불완전성이 커졌다. 처음에는 데이터베이스를 어찌 구성하지라는 고민때문에 코드가 데이터 베이스를 따라가게 되었고 이번에는 복잡한 객체를 자꾸 물고 있다보니 상하관계를 가진 구조를 가지게 되었다. 따라서 자연스럽게 테스트 코드를 짜기 어려워지게 되었다. 설계를 잘하자 위의 해결법은 일단 설계에 대한 깊은.. 2022. 11. 7. 리액트에서 CK에디터 구현하기2 (리액트 html 태그 사용 법 dangerouslySetInnerHTML) [20221106-TIL] 어제는 다름이 아니라 리액트에서 CK에디터 라이브러리를 가져와 적용하는 법을 간단하게 소개했다. 어제 백엔드 테스트는 마쳤고 이제 그걸 프론트로 가져올때 어떻게 되는지를 알아야하는데 실제로 가져와보았다. CK에디터 텍스트 리액트에 그냥 가져왔을때 화면 결과 작성할때에는 위와 같이 보이다가 가져오면 아래와 같다. 리액트는 HTMl태그를 인식하지 않고 텍스트 그자체로 가져오는데 이는 스크립팅 공격을 방지하기 위해서 라고 한다. 크로스사이트 스크립팅 공격이란? 크로스 사이트 스크립팅은 웹사이트에 악성 스크립트를 주입하는 행위를 말합니다. 해커는 사람들이 친밀하고 안전하다고 생각하는 웹사이트에 악성 스크립트를 주입하고, 악성 스크립트가 포함된 게시글을 열람한 피해자들의 쿠키는 해커에게 전송됩니다. 이를 통해 해.. 2022. 11. 6. 리액트에서 CK에디터 구현하기 1.[20221105 TIL] 게시판기능을 만들다 그냥 너무 심심한 게시판 등록글은 별로라서 에디터를 검색하다 CK 에디터가 무난하게 맘에 들었다. 근데 공식문서를 읽어보니 꽤...복잡하다... CK에디터 구현 고민 포인트 1. 어떻게 적용하나?? 아래와 같이 구현했는데 CK 에디터 공식홈페이지를 가면 Class 로 구현을 해놓아서 어떻게 적용해야하나 고민을 했었다. 또 방법도 여러가지인데다 리액트에 적용하는 방법은 달라서 잠시 혼선이 왔지만 일단 손을 움직이자 하면서 적용한 결과 아래와 같이 나왔다. id 와 type name 그리고 label 을 따로 추가해주었다. 그리고 처음에는 리액트 훅 폼으로 폼을 처리해주다가 다시 변수를 하나씩 전달해되 리덕스 구조를 지키면서 해주려니 기억이 잘 안났다.(이전 코드를 참고하면 구현은 했지만.. 2022. 11. 5. 이전 1 ··· 9 10 11 12 13 14 15 ··· 63 다음
