개발 블로깅/오늘의 TIL
-
[2019.07.14] 오늘의 TIL - webpack.config.js의 build 설정 시 주의사항개발 블로깅/오늘의 TIL 2019. 7. 15. 00:18
현재 진행 중인 프로젝트에 TypeScript React Redux를 신나게 쓰고는 있고.., 컴포넌트 라이브러리를 어떤 것을 쓸까 고민을 많이 해보았다. 4주 프로젝트 때 사용했던 ant Design이 정말 괜찮긴 했었다. 설명과 예시코드가 사용하기 쉽게 잘 되어있고, 무엇보다 디자인이 엄청 깔끔하고 사용성에 대해 직관적이다. 그래도 한번 써 본 라이브러리여서, 이번에는 다른 것을 써 볼까 고민을 많이 했었다. Material-UI, BootStrap, React Tool Box 등.. 리액트 관련 CSS 라이브러리가 엄청 많아 전부 사용해 보고 싶다.. 그러나 이번 프로젝트의 기술 핵심은 TypeScript + React + Redux! 괜히 다른 것에 시간 투자하지 않고 해당 스택에 집중하기로 했다..
-
[2019.06.25] PostMan 사용 시 주의사항! (API 요청 시 PostMan에서는 잘 되는데, 웹 브라우저에서 호출 시 안되는 현상)개발 블로깅/오늘의 TIL 2019. 6. 25. 12:16
저번에도 위 제목과 같은 문제가 하나 있어서 TIL로 썼었다. https://helloinyong.tistory.com/129 [2019.06.04] 오늘의 TIL - passport deserializeUser 호출이 안되는 문제(postman은 정상작동하고 브라우저에서는 안되는 문제) 어제 밤새 꽁꽁 싸매던 문제가 하나 있었다. passport.serializeUser(async function(user, done) { done(null, user); }); passport.deserializeUser(function(user, done) { done(null, user); }); passport.use.. helloinyong.tistory.com passport에서 cors 때문에 문제가 있었던 ..
-
[2019.06.25] 오늘의 TIL - node 실행 시, 포트 충돌로 돌아가지 않는 문제개발 블로깅/오늘의 TIL 2019. 6. 25. 11:50
코드 에러사항 없고 문제없이 node로 서버를 돌릴려고 하는데, 아래와 같은 에러 메세지가 등장한다. 서버를 3001 포트를 이용하여 활성화를 시켜야 하는데, 이미 3001 포트가 어딘가에 사용되고 있기 때문이다. (혹은 이전에 돌린 node서버의 문제로 제대로 꺼지지 않아 그대로 3001포트가 열려있는 문제) 그래서 이 문제를 해결하기 위해서는 다른 포트를 쓰던가 해당 포트를 확인해서 죽이던가 해야한다. # 현재 사용되고 있는 각 포트 확인 $ netstat -tnlp 확인해보니, 여러 포트가 현재 활성화 되어있는 것을 확인할 수 있다. 빨간색 표시한 부분을 보니, 3001,3002포트가 PID번호 2504로 node가 현재 사용되고 있는 것을 확인할 수 있다. (PID는 프로세스 고유의 ID이다.) ..
-
[2019.06.12] 오늘의 TIL - lambda에서 sharp 라이브러리로 이미지 resizing 작업 시 주의사항.개발 블로깅/오늘의 TIL 2019. 6. 12. 01:06
이미지 리사이징 작업을 도와주는 sharp라는 모듈이 있다. 나는 이 모듈을 lambda에서 이미지 리사이징 처리를 하려고, serverless 프레임워크에서 리사이징 함수를 작성 후, AWS에 배포를 시도했다. 그런데 로컬에서는 돌아가던 함수가 배포 후에는 계속 enternal server error가 뜨는 것이다.. cloud watch로 로그를 확인해보니, sharp 모듈을 찾을 수 없는 것이였다.. sharp 모듈이 업로드가 되지 않는 것이다... 왜..?! 다른 모듈은 배포시에 잘 올라가는데, 요녀석은 올리려면 다른 라이브러리와는 차이가 좀 있다.. 삽집을 엄청나게 하다가, 어찌어찌하여 찾은 글이다.. lambda에서 sharp를 올려서 쓰고 싶으면, sharp 버전을 리눅스의 8.x 버전으로 ..
-
[2019.06.11] 오늘의 TIL - serverless offline에서는 돌아가는데, 배포 후 internal error나는 현상개발 블로깅/오늘의 TIL 2019. 6. 11. 12:07
lambda 함수에서 s3에 이미지를 업로드 하는 함수를 작성했었는데, serverless offline에서는 잘 되던 함수가, AWS로 배포 후에 엔드포인트로 실행시키면, 서버 내부 에러 메세지를 반환하는 현상이 있었다. 처음에는, 엔드포인트로 요청하는 자체가 외부 서버 요청이므로 cors 문제인 줄 알았다. 그래서 API Gateway에서 cors 설정을 다 열어주는 법을 이것저것 찾아보는 삽질을 하였다.. 그런데 알고보니 IAM role 설정이 문제였던 것. IAM role 설정에, 해당하는 버킷에만 접근할 수 있는 권한을 주지 않아, 문제가 일어났던 것이다. serverless.yml iamRoleStatements: - Effect: "Allow" Action: - "s3:ListBucket" ..
-
[2019.0611] 오늘의 TIL - image base64 인코딩 및 디코딩 작업 시 주의사항개발 블로깅/오늘의 TIL 2019. 6. 11. 11:43
클라이언트 단에서 lambda로 이미지 파일을 보내기 위해, 파일을 base64 인코딩 작업으로 스트링 값으로 변환 시켜 전송한다. 변환시킨 스트링 값을 서버에서 받아, 다시 base64로 디코딩을 시켰는데.. 열어보면 계속 파일이 손상되는 것이다. 나는 postman으로 lambda 테스트를 하기 위해 파일의 인코딩 값을 전송시켜야 했다. 그래서 image base64 사이트에서 파일을 인코딩 시킨 값을 가져왔다. data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAArEAAAPICAYAAADOgKOQAAABzWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAA... 해당 값을 postman에 input 값으로 넣어 전송시켰다. 그런데 s3에 올라간 파일이 계속 손상..
-
[2019.06.07] 오늘의 TIL - typeScript 빌드 후, js파일이 여전히 .ts파일을 참조하는 문제개발 블로깅/오늘의 TIL 2019. 6. 7. 19:58
어느정도 API를 구현하고 드디어 AWS에 올리려고 ts파일을 빌드를 해봤다. 다행히도 빌드는 이상없이 잘 됐다. 그러나 빌드 후, js파일을 돌리니...js파일의 모든 import 경로가 ts파일 경로를 가리키고 있는 것이다... import 경로를 '../'와 같이 상대경로로 지정하는 방식으로 한 문제 말고는 도저히 ts파일을 가리킬 이유가 없었다. js파일코드를 확인해 봐도 이상이 없고...고치고 싶어도, 빌드과정으로 생긴 코드여서 너무 복잡하고 알아볼 수가 없었다..ㅜ.ㅜ 엔지니어 분께 도움을 요청하니, 아마도 빌드 후에도 코드 내의 상간관계가 풀리지 않아서 그런것 같다고 하셨다. 해결방법 node를 루트에서 실행시키지 말고, 빌드된 디렉토리로 가서 직접 실행 시키는 방법 __dirname 등의 ..
-
[2019.06.06] 오늘의 TIL - TypeORM relation column update하는 방법개발 블로깅/오늘의 TIL 2019. 6. 6. 20:12
난 오늘도 열심히 삽질을 한다.... passport도 나를 그렇게 힘들게 하더니... 이제 API를 좀 만들어 보려고 하니까 TypeORM이 나를 괴롭힌다..흑흑.. 아래와 같은 테이블이 구성되어 있다고 가정한다. post.ts class post extends BaseEntity{ @PrimaryGeneratedColumn() id: number; @ManyToOne(type => Categories, categories => categories.post) categories : Categories } 테이블 [id int(11), categoriesId int(11)] 그러면 post를 select 할 때는, 실제 테이블에서 칼럼명이 categoriesId인 것이 categories로 associa..