개발자 도담씨

Nest.js Email 보내기를 시도하다가 난 오류를 정리해놓으려고 한다! 나는 env파일에 보내는(FROM) 메일 주소와 비밀번호를 바르게 입력해두었는데도 불구하고 'Username and Password not accepted' 라고 떴었다. 이 오류 문구가 상당히 짜증났었는데(추후 알게 됨!) 우선 2차 인증이 안되어 있는 경우 해당 오류가 발생한다. 구글 우측상단의 프로필을 눌러서 Google 계정 관리로 이동 👍 그리고 보안탭에서 2단계 인증을 눌러 추가해준다. . . . 그다음 메일 발송을 해보면 오류가 바뀌어있다. 'Application-specific password required' 앱 비밀번호가 필요하다는 말이다! 개인적으로 처음부터 해당 오류가 나왔으면.. 찾기 더 편하지 않았을까..

해당 카테고리는 단순히 글쓴이가 공부 후 정리해놓기 위한 목적으로 글쓴이가 추후 이해하기 쉽게 자기 멋대로 정리한 글입니다 :) 호옥시 잘못된 정보를 공부하고있다면 알려주세요! 참고1: beomy.github.io/tech/javascript/javascript-runtime/ 참고2: geonlee.tistory.com/92 참고3: velog.io/@stampid/React%EB%9E%80 React 기초를 다시 한번 공부하려니 Node를 다시 알아야 했고 Javacript 런타임 기반이다보니 해당 부분까지 공부하게 됐다. 매번 1화만 보다가 끝나는 기분이야..😢 자바스크립트는 싱글쓰레드-논블로킹 언어로 쉽게 말해서 쓰레드 하나에 비동기식으로 작동한다. 하긴 단일쓰레드인데 동기식(블로킹) 형식이였으면..

1편 - [ Node.js / Webpack ] 이번엔 웹팩 🤜 2편 - [ Node.js / Webpack ] 자산 관리 ( css, image, font, file, loader ) 관련 문서 - https://webpack.js.org/guides/output-management/ 2편에 이어 출력관리에 대해 정리하려한다. 자산관리편을 하면서 파일을 하나 생성할때마다 import해주어야 한다면 기존과 관리면에서 어떻게 좋다는건지 의문을 가졌었는데 이번 출력관리편에서 설명을 해주겠다 :) 문서에서도 이와 같이 설명하고 있다. "우리가 2편에서 수동으로 파일을 관리 했으나 시스템이 커짐에 따라 한계가 있다. 따라서 우리는 몇 가지의 플러그인을 사용해 프로세스들을 관리하려 한다. " 우선 /src 에 p..

1탄 - [ Node.js / Webpack ] 이번엔 웹팩 🤜 참고 문서 - https://webpack.js.org/guides/asset-management/ 저번주에 이어 두번째 섹션을 진행해보려한다. 공부하기 싫은데 남자친구한테 끌려 왔다. 두번째는 자산 관리라고 표현되어 있다. 저번엔 javascript만 관리를 했다면 이번엔 이미지와 css와 같은 파일들도 관리를 해보자는 의미인 듯 하다. 저번에 작성했던 index.html 을 다음과 같이 변경한 후 시작해보자. main.js가 아닌 bundle.js를 불러온다고 해놨으니 webpack의 설정도 main.js가 아닌 bundle.js를 생성하도록 변경해주어야 할 것이다. ( webpack.config.js ) const path = requ..

멀티 채팅에 이어서 진짜 맛보기만 하고 있는 느낌이긴 하지만 그래도 한다는거에 나로썬 만족하겠다 :) ( 뻔뻔쓰 ) 이번에 관심을 가진건 웹팩이다. 저번처럼 등장배경및 친구소개먼저 받을꺼다. 우리가 CSS를 header에 적고 script를 body이후에 적을때가 있을 것이다. 브라우저 렌더링 과정을 보면 1. HTML읽은 후 파싱 2. DOM, CSSOM 생성 3. 렌더링 트리 생성 4. 레이아웃 계산 5. 페인트🎨 여기서 HTML을 읽는 과정중 스크립트를 만나게 되면 스크립트를 읽고 파싱 후 HTML을 다시 읽어내려간다. 자바스크립트를 분할 하여 여기저기서 여러개 불러올탠데 생각만 해도 엄청 느리지 않은가 -ㅅ- 이런 단점을 Webpack을 통해 브라우저 랜더링 시 파일들을 단일 파일로 만들어 주어 ..

[Node.js] 실시간 멀티 채팅 만들기 1탄 [Node.js] 실시간 멀티 채팅 만들기 2탄 대망의 3탄 서버에 사용자가 보낸 문자열을 받았으니 이제 뿌려주기만 하면 된다💪 socket.io에서는 연결된 모든 소캣에 이벤트를 발생시키도록 하는 해당 함수를 사용할 것이다. 함수명도 외우기 쉽다. ( emit : 방출하다 ) io.emit('some event', { someProperty: 'some value', otherProperty: 'other value' }); 해당 이벤트를 메세지 받고 발생 해주어야 하니 2편에서 등록했던 chat message 이벤트 발생시 메세지를 방출 하도록 해놨다. socket.on('chat message', function(msg){ console.log('me..

[Node.js] 실시간 멀티 채팅 만들기 1탄 [Node.js] 실시간 멀티 채팅 만들기 1탄 Node.js라는 친구를 소개하고 멀티 채팅 구현글을 임시 저장해놓고 시간이 없다는 핑계로 일주일을 방치했더니 날아가버려서 다시 쓴다^^... 정리 잘해놨는데... 참고 블로그 - https://jinblog.kr/156 Socket.IO.. do-dam.tistory.com 1편은 사실 맛보기 였던것 같다. 아직도 너무 신기한 기술이다. 👍 1편에선 res.send()를 통해 html 문자열을 반환하여 보여주었는데, 이렇게 관리하기엔 힘들테니 이번엔 html파일을 호출해보자 :D socket.io의 예제 html을 스타일만 변경했다. html코드는 요로코롬...! 전송 그리고 1편에서 작성했던 index.j..

프론트엔드라면 공부해야할...! Node.js와 react.js를 올해 공부하려구 한다. 아마 회사에서 사용할 것 같지는 않아서 따로 프로젝트까지 하나 하는걸로 :D Node.js에 들어가기 앞서 이 친구가 뭔가에 대해 적어보려한다. 머리가 나쁜 나는 이친구가 뭔지에 대해 알기 위해 여러 node에 대한 글을 여러개 읽었다 🤨 여러개를 종합한 Node라는 친구는 자바스크립트 기반의 언어이며, 브라우저에서만 돌아가는 js를 서버처럼 사용할수 있도록 Chrome V8 엔진을 이용해 확장 시켰다고 한다. 크롬 엔진을 이용했다고 하길래 그럼 IE에서는 돌아가지 않겠네?! 하며 봤더니 일부 코드 수정을 하면 되는 것 같다. ( 추후에 Node.js를 IE에 사용하는 방법 참고 - https://jsdev.kr/t..