개발일지

유튜브 구독이 된 얄팍한 코딩사전 세미콜론 영상이 올라와 바로 작성해본다 https://www.youtube.com/watch?v=hJjYvVOEO7s 코딩을 처음 시작할때 파이썬에서도 그랬고 세미콜론을 안찍어주면 오류가 나기도했는데 또 어느 부분은 세미콜론을 안찍어도 작동이 되는 부분도 있었다. 그래서 결국은 가로가 끝날 때면 그냥 다 붙여버렸다 코드를 짜다보면 어떨때는 세미콜론을 자동으로 붙여준다 개발자의 의도와는 다르게 세미콜론을 찍거나 안찍어준다. 이를 ASI라고 한다. (Automatic Semicolon Inserion, 자동 세미콜론 삽입) 특징은 줄바꿈을 찾아내 자동으로 세미콜론을 붙여준다. 신경써줘야 하는 부분을 아래 예시로 확인해보자 1. 줄 바꿈에 자동으로 찍힐 때 왼쪽사진과 같이 세..

처음 Object.assign을 보고 차례대로 값을 복사한다고 생각해서 중첩되는줄 알았다. 그래서 콘솔 결과값은 color = red,blue size = big 인줄 알았지만 차례대로 덮어가면서 복사한다는 메소드로 설명되었다. assign 아래 추가 설명 (제네릭 관련 기호이기 때문에 아직 모르는게 당연하다) 복사하려는 target과 복사하려는 source로 구성되어있다. 차례대로 T와 U와 V가 겹쳐서 복사된다. 위에 color와 같이 복사되면서 없는 property는 덮어진다. 교집합처럼 https://www.youtube.com/watch?v=1Lbr29tzAA8&list=PLv2d7VI9OotTVOL4QmPfvJWPJvkmv6h-2&index=7

드림코딩 프론트엔드 개발자 입문편에서 자바스크립트 문법강의를 보던 중 되게 편리해서 쉽게 사용해보자! 라는 생각에 가져와 봤습니다! 기존 for반복문을 사용했을 부분을 value부분으로 돌려 보아도 되겠군요. 단, 알고리즘 공부하며 직접 오브젝트를 건드린다는 의미로 사용하기를 자제하라했던 말이 남겨두고 사용전에 찾아보도록 하겠습니다. 일단 아래 문법은 이렇습니다. value of array로 변신 14분 20초 추가 강의에서는 foreach도 나온다 8강 16분 45초 https://www.youtube.com/watch?v=1Lbr29tzAA8&list=PLv2d7VI9OotTVOL4QmPfvJWPJvkmv6h-2&index=7 https://www.youtube.com/watch?v=yOdAVDuHU..

폴더는 이렇게 되어있었고 chatSlice.js에서 axios의 instace 변수를 가져오려고했다 전에 쓰던 함수들의 대부분이 근처 폴더였기 때문에 ./ 정도만 하면 바로 미리보기가 나와서 쉽게 설정이 가능했다 근데 지금은 폴더를 나오고 나와서 폴더를 들어가 설정해야했다 src폴더로 나와 shared폴더에서 axios.js를 설정해줘야하는데 이걸 한참해맸다 정답은 import instance from "../../shared/axios"; 처음에 늘 하던대로 ../ 했지만 같은 폴더안에 있는 작성중인 파일만 나오고 아무것도 나오지 않았다. 그전에는 그냥 이러면 나오겠지하고 자세히는 안알아봐서 그렇다 나도 그렇지만 초보자들은 분명히 헷갈릴 것 같아서 작성합니다!! - 3가지를 간단히 정리하자면, 1 '/..

const d = [111, "aaaaa", true]; let e = {a: 1, b: "b"}; d[0] = 222; console.log(d); = '222' // my_cat이라는 상수를 만들었어요! const my_cat = { name: "perl", status: "좀 언짢음", } my_cat.name = "펄이"; console.log(my_cat) // = { name: "펄이", status: "좀 언짢음" } // 여기에선 에러가 날거예요. 프로퍼티는 변경이 되지만, 객체 자체를 제할당할 순 없거든요! my_cat = {name: "perl2", status: "많이 언짢음"}; // my_cat이라는 상수를 만들었어요! const my_cat = { name: "perl", sta..

목차 더보기 🐤 JavaScript의 자료형과 JavaScript만의 특성은 무엇일까 ? 느슨한 타입(loosely typed)의 동적(dynamic) 언어 JavaScript 형변환 ==, === 느슨한 타입(loosely typed)의 동적(dynamic) 언어의 문제점은 무엇이고 보완할 수 있는 방법에는 무엇이 있을지 생각해보세요. undefined와 null의 미세한 차이들을 비교해보세요. 🐤 JavaScript 객체와 불변성이란 ? 기본형 데이터와 참조형 데이터 불변 객체를 만드는 방법 얕은 복사와 깊은 복사 🐤 호이스팅과 TDZ는 무엇일까 ? 스코프, 호이스팅, TDZ 함수 선언문과 함수 표현식에서 호이스팅 방식의 차이 여러분이 많이 작성해온 let, const, var, function 이 ..