profile
Personal Velog Note
post-thumbnail

CORS란 무엇인가?

처음으로 팀프로젝트에서 미니프로젝트를 진행하면서 CORS라는 것을 알게되었다. 그리고 그것이 무엇인지, 어떻게 사용하는지, 왜 사용하는지, 누가 사용하는지, 언제 사용하는지, 어디서 사용하는지 알아볼려고 한다.처음으로 짚어 넘어가야 하는것이 SOP(Same Origin

약 8시간 전
·
0개의 댓글
·

ES5 자바스크립트에서 Class는 어떻게 동작할까요?

QClass는 대체로 추상화를 위해 사용됩니다. 그러면 ES5 vs ES6의 차이점에 class 차이점에서 알아보자.답은 간단하다. functions.를 사용하면 된다. 현재 this 라는 키워드는 아주 간단하게 쉽게 속성을 추가할 수 있게되었다.자바스크립트 개발자들은

3일 전
·
0개의 댓글
·

[TIL]비밀번호 정규식

회원가입을 만드는 중 비밀번호 정규식을 googling을 했고 첫번째로 나온 글을 읽어봤다...근데 너무 너무 어이가 없었다. 첫번쨰 게시글에서 그냥 대놓고 오류 코드를 작성을하고 마치 맞은것 처럼 게시를 했으니 말이다... 그것도 거의 1년 지난 글인데... 수정을

2022년 8월 4일
·
0개의 댓글
·

[TIL]Custom Error and Extends. 커스텀 에러와 에러 확장

개발을 공부하다 보면 인터넷에서 복붙 복붙을 많이 볼 수 있다. 사실 맞는 개념이고 맞는 코드면 복붙을 할 수 있다고 생각한다.하지만 틀린 개념을 복붙하면 나같은 햇병아리 개발자는 틀린 개념을 가지고 공부를 하게 된다.그리고 자기들의 생각을 넣으면서 그 글은 점점 더

2022년 8월 4일
·
0개의 댓글
·

git push를 귀찮게 만드는 비밀번호 해결

이렇게 나온다. 처음에는 비밀번호만 이력하니깐 상관없이 사용할려고 했는데push 가 많이지면서 매번 치는게 너무 너무 귀찮고 정말 한번만 잘못치면 다시 비밀번호를 입력해야하니깐 어지간히 귀찮다.이대로 이 문제를 방치할 수는 없어서 해결을 해보기로 했다.문제는 ssh-a

2022년 8월 4일
·
0개의 댓글
·

GitHub ssh key 생성 및 자동 코멘드

어느날 잘 개발하고 있다가 git push를 하는데 Git Permission Error가 나왔다.로그인하고 토큰키를 git에서 생성해서 로그인을 했었는데 이게 불편한점이 30일에 한번씩 또는 github에서 기간을 설정을 해야한다. 그리고 저거 로그인 로그아웃을 하고

2022년 8월 4일
·
0개의 댓글
·

[WIL]package.json 이란 무엇인가?

많은 블로그들이 그냥 퍼오고 틀려도 그냥 저 블로그에 있으니깐 퍼오고 하는데... 사실 그게 얼마나 안좋은 방식인가. 그래서 그냥 직접 영어를 번역해겠다고 생각했다.물론 난 프로 번역가가 아니라서 잘 못 번역한 구간도 있을꺼다 그래도 구글 번역기 보다는 좋다고 생각한다

2022년 7월 31일
·
0개의 댓글
·

[express + mysql]

기본적인 코드mysql파일 코드이다. script파일을 작성해 보자? <- 물음표는 사용자가 전송한 데이터가 요브젝트형인 경우에는 각 key를 컬럼명, value을 컬럼에 들어갈 값으로 변환하게 된다. 요렇게 들어간다. 그리고controller.js요렇게 하면 m

2022년 7월 28일
·
0개의 댓글
·
post-thumbnail

[TIL]2022/07/27 npm install --force vs --legacy-peer-deps

혹시 NoSQL중에서 mongoDB를 사용한적이 있나요?

2022년 7월 27일
·
0개의 댓글
·

[async..await Last part]async...await

드디어 마지막 파트다. 사실 async..await을 알려고 callback시리즈를 생성하게 된것이다.왜 callback시리즈를 만들었을까?Node.js로 개발을 하고 있는데 async...await을 DB에다가 했다.express프레임워크와 mysql이다.여기서 궁금

2022년 7월 27일
·
0개의 댓글
·

[aysnc..await pt2] callback hell -> promise

Promise: 약속하다.JS->비동기를 간편하게 처리할 수 있도록 도와주는 Object이다.정해진 장시간에 기능을 수행하고 나서 정상적으로 기능이 수행이 됬다면, 성공의 메시지와 처리된 결과값을 전달해준다.error가 나오면 error를 전달한다. promise함수에

2022년 7월 27일
·
0개의 댓글
·

[aysnc..await pt1] Welcome to Callback Hell

정의: 함수에 파라미터로 들어가는 함수용도: 순차적으로 실행하고 싶을 때 쓴다.//1초 경과후에 실행callback함수 -> }, 1000)특징:다른데서 만든 function도 콜백함수로 넣을 수 있음원리용도: 순차적으로 실행하고 싶을떄. 해당 예시: 예시에서는 DB에

2022년 7월 27일
·
0개의 댓글
·

[에러처리]express error handling

라우트에서 에러를 발생시키면, 익스프레스가 알아서 이를 처리하고 에러 코드 및 정보를 사용자(클라이언트)로 응답을 할 수 있습니다.⭐️ Express에는 앱에서 발생할 수 있는 모든 에러를 처리하는 에러 핸들러가 내장 되어져 있다. 에러 핸들러를 사용ㅎ면 앱에서 에러가

2022년 7월 26일
·
0개의 댓글
·

express Routing처리

express 의 라우팅(routing)은 특정 엔드 포인트에 대한 클라이언트 요청에 애플리케이션이 응답하는 방법을 결정하는 것이다.💡 엔드포인트 : URL(경로)와 HTTP 요청 METHOD로 구분된 클라이언트에서 서버로 요청보낼 수 있는 문어라고 보면 된다. ap

2022년 7월 26일
·
0개의 댓글
·

[WIL] Week I Learned week 02 - Javascript ES? ES 5 와 ES6는?

크로스 브라우징 이슈기능이 모든 브라우저에서 동일하게 동작하지 않는 이슈이 크로스 브라우징 이슈를 해결하기 위해 JavaScript를 표준화를 했다ECMA Script의 약어이고, 자바스크립티의 표준 규격을 나타내는 용어이다. 또한 JavaScript를 표준화시키려고

2022년 7월 24일
·
0개의 댓글
·

prototype이란 무엇인가?

자식에 쓸수가 있다부모 object에다가 쓰면 자식이 직접 가져다가 쓸수는 있지만prototype에 추가를 하게되면 부모만 가질 수 있다. 그럼 원리는?기본코드에서 s가 name을 가지고 있지 않으면 s의 부모 유전자를 찾기 시작합니다.거기에 name값이 입력되어져 있

2022년 7월 22일
·
0개의 댓글
·

[TIL]자바스크립트 유사 객체와 배열

유사 객체 배열은 Key가 숫자이고 length 값을 가지고 있는 객체이다.HTMLJavaScript배열 같이 생겼지만 배열이 아닌것이다.더욱더 중요한것은 forEach, map, filter, reduce 같은 메서드를 직접적으로 사용할 수 없다는 것이다.직접적으로

2022년 7월 22일
·
0개의 댓글
·

for문 vs for-in vs for-of

for... in은 for 문과는 전혀 다른 형태의 반복문이다.for ... in문은 해당 객체의 모든 열거할 수 있는 프로퍼티를 순회할 수 있도록 한다.key 값에 접근할 수 있지만, value값에 접근하는방법은 제공을 하지 않는다. Enumerable은, for..

2022년 7월 22일
·
0개의 댓글
·

느슨한 타입(Loosely type)의 동적(dynamic)언어

<JS의 변수는 어떤 특정한 타입과 연결되지 않으며, 모든 타입으로 할당 및 재할당이 가능하다.>참고링크JavaScript는 느슨한 타입의 동적 언어이기 때문에 변수 생선시 어ㅜㄴ시 변수의 타입을 미리 선언하지 않아도 된다는 점.하지만 많은 기능 명세서와 API

2022년 7월 21일
·
0개의 댓글
·

[TIL]2022/07/19 REST/ RESTful

개발을 하는 도중 갑자기 궁금해져서 하루를 마무리할 겸 REST 와 RESTful의 차이점을 간략하게 적어 봐야겠다. REST(REpresentational State Transfer) REST의 정의 자원을 이름으로 구분해 해당 자원의 상태를 주고 받는 것을 의미한다

2022년 7월 20일
·
0개의 댓글
·