CheolCheol Dev Note

웹 애플리케이션 파일 업로드는 크게 두가지의 방식이 있다. multipart/form-data FormData 객체를 사용하여 요소로 부터 취득한 file 정보를 append하여 서버로 전송하는 방식이다. applecation/x-www-urlencoded 클라이언트는 바이너리 파일을 Base64 인코딩하여 문자열화한 후, 서버로 전송하고 서버는 Base64 인코딩된 문자열을 디코딩하여 저장하는 방식이다. 인코딩으로 인한 성능 이슈가 발생할 수 있다. applecation/x-www-urlencoded 방식은 인코딩으로 인한 성능 이슈가 발생할 수 있다. multipart/form-data 방식을 사용하여 파일을 전송하는 예제를 작성하여 보자. view 이미지 추가 2. component onFileCh..

웹페이지를 만든다면 모달과 팝업을 만드는 일은 흔한일인것 같다. 나같은경우는 주로 팝업보다 모달을 생성을 많이 했는데 이게 개인적으로는 어렵게 느껴졌다. 여러가지 방법이야 있겠지만 나는 주로 부트스트랩을 이용해 모달을 띄우는 형식을 사용했었다. 부트스트랩을 이용한 방법은 다음과 같다. 1. bootstrap.js 또는 bootstrap.min.js 를 import 2. 모달을 띄우기 위한 이벤트를 주는 버튼에다가 data-toggle 및 data-target 지정 밑에는 예제 소스이다. Large modal ... 예제 모달 이걸 Angular에도 적용하는 법은 비슷하다. 1. bootstrap.js 또는 bootstrap.min.js 를 import 2. 하위 컴포넌트 지정 3. 상위 컴포넌트의 이벤트..

Angular를 사용하다가 갑자기 다음과 같은 Circular dependency detected 경고문이 나왔다. Dependency import와 export를 잘못 사용해서 나오는 경고문이다. 제일 좋은 방법은 필요없는 import 및 export를 지우는 것인데너무 많아서 해결하기 힘들면 다음과 같이 사용해도 된다. WARNING in Circular dependency detected: src/app/_core/index.ts -> src/app/_shared/shared.module.ts -> src/app/_shared/component/goodssearch/goodssearch.component.ts -> src/app/_core/index.ts WARNING in Circular depe..

Html Textarea에 있는 내용을 줄바꿈 까지 String으로 저장해 DB에 넣었다가나중에 불러오는 경우가 있다. 무조건적인 방법이 아니라 여러가지 방법중의 하나이다 예를들면 이런글을 DB에 넣고 싶다. // Client단이나 Server단 중 어디서 처리를 하든 자유 //textarea안에서 사용할 줄바꿈은 db에 저장할 때 치환을 해야한다 replaceAll이 없어 정규화로 대체 notice.content=notice.content.replace(/(?:\r\n|\r|\n)/g," "); //정규화를 통한 br태그를 textarea 안에서 사용할 \r\n으로 치환 this.selectedNotice.content = this.selectedNotice.content.replace(/ /g,"\r..

Angular RxJS 공부를 하다가 손찬욱님의 세미나 강의를 듣고 정리해본다. RxJS RxJS는 이벤트 스트림과 데이터를 쉽게 만들고 다룰 수 있도록 도우는 라이브러리다.복잡하지만 가독성이 좋은 비동기적 코드를 더 쉽게 작성할 수 있도록 도운다. RxJS는 일관된방식으로 안전하게 데이터 흐름을 처리하는 라이브러리 - 손찬욱 강좌 발췌 - RxJS는 비동기 처리, 데이터 전파, 데이터 처리를 담당한다. 모든 어플리케이션으로 궁극적으로 상태머신의 집합이라고 할 수 있다.대부분의 프로세서의 궁극적인 과정을 정리해주셨다.출처: http://sculove.github.io/blog/2017/10/21/shoulduserxjs/ 손찬욱님 블로그 여기에서 개발자가 처리하는 Input의 종류들은 다양하다배열, 함수..