춘몽

객체의 값 수정, 열거, 재정의 등의 가능성 여부를 설정하는 것. 일단 이런게 있다는것 정도만 알아두고, 나중에 필요해지만 다시 보는게 좋을듯. [코드팩토리] [입문] 9시간만에 끝내는 코드팩토리의 Javascript 무료 풀코스- 섹션 4 객체에대한 모든 것 - Property Attribute (프로퍼티 어트리뷰트) https://www.inflearn.com/course/lecture?courseSlug=%EC%BD%94%EB%93%9C%ED%8C%A9%ED%86%A0%EB%A6%AC-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%ED%92%80%EC%BD%94%EC%8A%A4&unitId=160958&subtitleLanguage=ko&cate..

쿠팡이츠로 집 근처 치킨집에서 치킨을 시켰다.쿠팡이츠는 지도와 함께 배달 정보가 표시되는데, 갑자기 배달경로에 있는 도로에서 좌회전이 가능한지 궁금해서  카카오맵에 들어갔고, 해당 도로 근처에 경찰에서 제공해주는 교통 CCTV 영상정보가 있는걸 보게 되었다.클릭해서 보니 화질도 괜찮았다. 지금은 운전을 안하고 있지만, 나중에 출근경로에 있는 cctv들 쉽게 확인 할 수 있는 서비스를 만들면 좋을 것 같다는 생각이 들었다. 밖에 비가 오는지 체크하는데도 유용할 듯 싶었지만, 확인해보니 비가 오는지 정도 까지 확인하는건 불가능해보였다. 일단 아이디어만 가지고 있다가 나중에 필요해지면 구상 해봐야겠다.

function을 사용해 객체를 생성하는 방법으로, 오래된 JS에서 많이 볼 수 있다니 알아두는게 좋을듯싶다. function IdolFunction(name, year) { this.name = name; this.year = year;}const gaEul = new IdolFunction("가을", 2002);console.log(gaEul); // IdolFunction { name: '가을', year: 2002 } 모양과 사용법은 class와 거의 같다.  [코드팩토리] [입문] 9시간만에 끝내는 코드팩토리의 Javascript 무료 풀코스- 섹션 4 객체에대한 모든 것 - 소개 05:06 https://www.inflearn.com/course/lecture?courseSlug=%EC%B..

git 에서 경고 이메일이 왔는데 그걸 해결하고 보니 예전에 경고왔었는데 해결하지 않았던 내용이 남아있었다.그게 바로 Inefficient Regular Expression Complexity in nth-check 인데, 내용은 nth-check 버전이 2.0.1 보다 낮아서 문제인거다. 일단 인터넷에 해결방법을 찾아보았다.1. react-scripts를 devDependecies로 옮겨준다. => 해결 안됨.2. package.json에"overrides": { "nth-check": "2.1.1"}추가하기 => 해결 안됨. 3. 2의 방법이 nth-check의 버전을 강제로 올리는건데, 삭제하고 재 설치한 yarn.lock에 보면 낮은 버전이 그대로이길래 yarn.lock의 코드를 직접 수정했..

function에서 arguments를 사용하여 parameter로 들어온 값들 확인/활용 가능 - 값 확인function multiply(x, y = 10) { console.log(arguments);}multiply(4); // [Arguments] { '0': 4 }multiply(4, 2); // [Arguments] { '0': 4, '1': 2 } - 무한대로 arguments를 받고, 그를 게산하는 예시const multiplyAll = function (...arguments) { return Object.values(arguments).reduce((a, b) => a * b, 1);};console.log(multiplyAll(3, 4, 5, 6, 7, 8, 9, 10));  [코..

function의 parameter에 기본 값을 넣어줌으로서, argument가 없을 경우 해당 기본값으로 function을 진행함. function multiply(x, y = 10) { console.log(x * y);}multiply(4); // 40 이를 통해 비슷한 사용에 있어 같은 값을 계속 argument로 넣을 필요가 없어짐.  [코드팩토리] [입문] 9시간만에 끝내는 코드팩토리의 Javascript 무료 풀코스- 섹션 2 기본기 - Functions (함수) 08:30 https://www.inflearn.com/course/lecture?courseSlug=%EC%BD%94%EB%93%9C%ED%8C%A9%ED%86%A0%EB%A6%AC-%EC%9E%90%EB%B0%94%EC%8A..

서버와 통신할 때 상태 코드는 중요하다. 프론트에서는 서버의 응답 코드를 통해 응답의 유형이나 오류의 원인 등을 파악할 수 있고,서버에서는 응답하는 내용의 유형에 대해서 알려주거나, 오류 원인 등을 알려줄 수도 있다.  200 번대는 성공300 번대는 리다이렉트400 번대는 클라이언트 잘못/오류500 번대는 서버 잘못/오류 아래 링크를 통해 자세한 상태 코드 번호와 의미를 알아보자. https://developer.mozilla.org/ko/docs/Web/HTTP/Status HTTP 상태 코드 - HTTP | MDNHTTP 응답 상태 코드는 특정 HTTP 요청이 성공적으로 완료되었는지 알려줍니다. 응답은 5개의 그룹으로 나누어집니다: 정보를 제공하는 응답, 성공적인 응답, 리다이렉트, 클라이언트 에러..

좌측 값이 null일 경우 우측 값을 넣는다.(개인적으로 타입 스크립트에서 초기값/없는값 가져다 넣는 에러 날 때 사용했었음.) let name;name = name ?? "코드팩토리"; // 코드팩토리name = name ?? "아이브"; // 코드 팩토리  [코드팩토리] [입문] 9시간만에 끝내는 코드팩토리의 Javascript 무료 풀코스- 섹션 2 기본기 - Operator (연산자)https://www.inflearn.com/course/lecture?courseSlug=%EC%BD%94%EB%93%9C%ED%8C%A9%ED%86%A0%EB%A6%AC-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%ED%92%80%EC%BD%94%EC%8A%A..

&&와 || 연산의 결과값으로 좌/우측 중 어느 값이 반환되는지에 대한 내용이다. &&를 사용했을 때 좌측이 true면 우측 값 반환&&를 사용했을 때 좌측이 false면 좌측 값 반환  || 를 사용했을 때 좌측이 true면 좌측 값 반환  || 를 사용했을 때 좌측이 false면 우측 값 반환console.log(true && "아이브"); // 아이브console.log(false && "아이브"); // falseconsole.log(true || "아이브"); // trueconsole.log(false || "아이브"); // 아이브console.log(true && true && "아이브"); // 아이브console.log(true && false && "아이브"); // false  [코..

사실 블로그에 올린 코딩 관련 글들은 나중에 내가 알아볼 수 있게 설명 없이 해당 코드만 적거나 했었는데, 최근 보니 그래도 블로그에 검색을 통해 조심씩 방문하는 방문자들 수가 있는걸 확인 했고, 글을 잘쓰는 사람은 읽는 사람을 생각해서 쓴다는 말을 듣고나니 그런 연습을 할 겸 코딩 관련 글들은 좀 자세하게 읽는 사람 관점에서 써보도록 노력해야겠다.그래서 이전에 작성했던 글들도 시간내서 조금씩 수정할 계획이다.