분류 전체보기
-
[Django] 2021/12/27 결의코딩/Django 2021. 12. 27. 23:24
웹 개발 공부를 한지 6개월 정도가 되었네요, 최근 패션 쇼핑몰 관련 프로젝트를 진행중인데 웹크롤링 기술을 이용해야해서 백엔드는 python을 이용해야 하는 상황이라 몇일동안 Django를 공부중인데 어렵습니다. 이런 저런 Tutorial을 참고해서 authentication, jwt, rest api 등 기본적인 것은 구현을 해봤지만, 제 것이 된 느낌이 아닙니다. node.js와 달리 Django는 내장 기능이 엄청나게 많더라고요.. 기능 몇 가지는 쓸 수 있지만, 본질적으로 이해하진 못했습니다. 또, node.js는 javascript 특성상 자유도가 대단히 높아 막 만들어도 작동을 했었는데 Django는 그에 비해 정형화된 구조가 있어서 그것에 익숙해 지려면 시간이 좀 걸릴듯합니다. 지금 기분은 ..
-
[CSS] Email에 CSS 적용하기 (inline-email)코딩/CSS 2021. 12. 27. 13:11
최근 어플 프로젝트를 진행함에 있어 인증메일을 보내야해서 작업하며 nodemailer와 관련한 포스팅도 했는데요, 디자이너분께서 인증메일 디자인을 넘겨주셔서 css 작업을 하고 메일을 보냈더니 css가 적용되지 않는 이슈가 발생했습니다. 저는 메일의 html 안에 태그를 사용했는데요, 이 태그는 적용이 안되는 것 같습니다. (email 서비스 마다 다르다고 합니다. 네이버 메일로 열었을 때는 style태그를 무시했습니다.) 다만, 각 html 태그 안에 style="" 속성을 적용시키면 작동합니다. 이와 같은 상황에 사용할 수 있는 npm 패키지가 있습니다! 바로 inline-email이라는 패키지인데요, 아래는 해당 패키지 페이지입니다. https://www.npmjs.com/package/inline..
-
[React-Native] SecureStore (Expo) 사용법코딩/React-Native 2021. 12. 26. 19:19
이전 포스팅에서 localstorage의 대안으로 AsyncStorage를 사용하려다 실패했습니다... 이에 expo에서 추천하는 SecureStore를 사용해보도록하겠습니다. https://docs.expo.dev/versions/latest/sdk/securestore/ SecureStore - Expo Documentation Expo is an open-source platform for making universal native apps for Android, iOS, and the web with JavaScript and React. docs.expo.dev 위 도큐먼트를 참고했습니다! 코드를 제가 사용하기 편하도록 조금 수정해서 작성해봤습니다. import * as SecureStore f..
-
[React-Native] Asyncstorage 사용법 - Not working코딩/React-Native 2021. 12. 26. 17:59
저는 웹 서비스를 만들때 localstorage를 꽤 유용하게 쓰는데요, jwt 토큰 같은 것들도 여기에서 관리를 합니다. (보통은 쿠키와 세션을 이용하지만 저는 간편해서 아직은 로컬스토리지를 활용합니다.) 이에, React-Native를 활용한 어플에서도 비슷한 기능을 사용하고 싶어 알아보니 Asyncstorage라는 패키지가 있었습니다. 먼저 아래 코드로 설치해주세요! (저는 expo, npm을 사용해서 아래 코드를 사용했습니다.) expo install @react-native-async-storage/async-storage --npm AsyncStorage 관련 함수를 따로 모듈화 해서 코딩했습니다. functions/AsyncStorageFunctions.js에 저장했습니다. import As..
-
[Node.js] 'nodemailer'과 gmail 연동 에러코딩/Node.js 2021. 12. 24. 23:50
최근 프로젝트에서 회원가입시 인증코드를 보내야 해서 nodemailer와 gmail을 활용해 인증메일을 보내도록 했었습니다. 근데 최근 구글에서 계정에 2단계인증을 적용하라고해 별 생각 없이 했는데 이게 nodemailer를 사용하던 중에 장애물이 되어 버렸습니다. 2단계 인증을 적용할 시, gmail의 SMTP 설정에서 보안 수준이 낮은 앱의 액세스 허용이 불가능합니다. 다시 말해, nodemailer가 제 gmail에 액세스하지못하고 에러를 뱉는 것이지요. 이때, 아래와 같은 에러가 뜹니다. Error: Invalid login: 535-5.7.8 Username and Password not accepted. 그래서 저는 gmail을 새로 만들고 다시 설정을 해주었습니다. https://myacco..
-
[React] Axios 사용법코딩/React 2021. 12. 23. 16:20
Axios는 javascript에서 Rest API와 쉽게 통신할 수 있도록 해주는 라이브러리입니다. fetch API와 같은 역할을 하나 json 형식으로 통신을 할 때 더 편리합니다. 일반 자바스크립트에서도 axios 라이브러리를 불러와사용할 수 있고, react에서는 npm 패키지를 이용할 수 있습니다. npm install --save axios 위 코드로 패키지를 설치해주세요. 기본적인 사용법은 아래와 같습니다. import axios from "axios"; async function getApi() { const response = await axios.get("url"); return response; } async function postApi() { const response = awa..
-
[바다 낚시] 2021/12/20 조행기낚시/바다 2021. 12. 22. 15:49
아침에 일어나 인터넷에 들어가보니 날씨가 말고 온도도 아주 따뜻한 것을 확인했습니다. 바로 낚시 생각부터 나더라고요 ㅎㅎ. 며칠동안 집에서 코딩만 하다가 바람좀 쐴겸 낚시 채비를 챙겨 집을 나섰습니다. 자주 가던 포인트에 도착해 바로 짐을 풀고 낚시대를 던져봤습니다. 얼마 가지 않아 작은 전갱이가 반겨주네요. 이후에도 저 정도 사이즈의 전갱이만 올라옵니다 ㅋㅋ ㅜㅜ. 좀 큰 거 잡히면 집에 가져가 회뜨는 연습이라도 하려고 했는데 아쉽네요. 모두 방생해주었습니다. 시간이 좀 지나고 슬슬 집에 갈까 하는데 다른 조사님께서 말을 거십니다. 평소에도 젊은 사람이 낚시를 하는 일이 흔하지 않아서 인지 나이대가 있으신 조사님들께서 반가움과 신기함에 말을 걸어주시곤 합니다. 근데 이번에는 다른 분들보다 더 친근하게 ..
-
[React] Typescript 사용시 children prop 관련 에러코딩/React 2021. 12. 22. 12:40
Binding element 'children' implicitly has an 'any' type. React로 크롬 시작페이지를 만들다가 위와 같은에러가 떠 당황했습니다. 컴포넌트를 만들다보면 children prop을 불러오는 일은 비일비재한데 이 에러가 해결이 되지 않으면 꽤나 골머리가 아플 것 같았기 때문입니다. 구글링을 조금만 해보니 저와 같은 에러가 뜬 사람들이 꽤 많은 것 같습니다 ㅎㅎ. https://stackoverflow.com/questions/55370851/how-to-fix-binding-element-children-implicitly-has-an-any-type-ts7031 How to fix Binding element 'children' implicitly has an ..