본문 바로가기

전체 글400

구조분해할당과 Named export와 default export의 차이 구조분해할당 const user = { name: "hong", age: 100, email: "abc@google.com ", }; 만약, 해당 속성에 값이 없으면 기본값으로 “~~” 이걸 넣어줘 설정하기 const { name, age, email, address = "기본값" } = user; // user['name'] // 필요한 것들만 꺼내서 사용할 수 있다. console.log(`${name}${age}${email}`); console.log(address); // 8번 라인에서처럼 값이 없다면 기본값을 따로 설정하는 걸 할 수 있다. const user1 = { name: "abc", age: 100, address: "니똥", }; 객체에서 Key이름을 다른 이름으로 데려오고 싶다면?.. 2022. 12. 20.
임포트가 웨않뒈 / SyntaxError: Cannot use import statement outside a module 해결하기 강의듣는 중에 main.js에서 axios를 임포트하려고 하니, 아래와 같은 오류가 떴당 SyntaxError: Cannot use import statement outside a module 바로 구글링을 하지 않고, 일단 에러메세지를 천천히 읽어보라 하셨던 튜터님의 말씀이 생각나서 무작정 구글링을 하지 않고, 에러메세지를 뜯어보았다. 그랬더니 에러메시지 속에 답이 있었다람쥐 pakckage.json에 가서 type을 모듈로 써주니 문제 해결 2022. 12. 20.
[TIL] 오늘의 개발일지 오늘은 오전에 학원에서 발제가 진행되었고, 발제가 끝난 후 바로 리액트 심화강의를 들었다. 숙련때 강의가 정말 별로였는데, 심화강의도 똑같았고(이렇게 평점 안좋게 남긴거 처음인 강의) 심화강의를 얼른 수강하고, 내가 따로 끊은 강의를 들으며 리액트를 제대로 이해했다. 아무리 개발자가 스스로 찾는 능력을 갖추어야 한다지만, 그렇게 모든 것을 중요하니 다 찾아보라는 식으로 얘기 하는 강의라면 누가 돈을 주고 강의를 볼까? 아쉬움이 많이 남았던 리액트 심화 강의였다. 하지만, 아쉬운 건 아쉬운거고 이해하고 습득해야하는 건 내 몫이니 내가 이해가 될 때까지 파야한다 (목마른 사람이 우물을 파야하는 법!!) 오늘 더더욱 정신을 똑바로 차리고 수준이 뒤쳐지지 않게 노력해야겠다고 다짐했다. 1. 패캠 리액트 강의 듣.. 2022. 12. 19.
[WIL] 생각이 많았던 주말, 오늘의 개발일지 나한텐 연말이 정말 특별한데(왠진 모르게 12월 31일과 1월 1일은 너무 좋다) 슬슬 크리스마스와 31일이 다가오기도 해서 어느 때보다 생각이 깊어지고 많아진 것 같다 코딩 시작하면서 미뤄왔던 책 하나를 드디어 시간내서 봐서 기분이 좋았다 :) (잘될 수밖에 없는 너에게 라는 책인데 , 중간중간 건질 말들은 있었지만 구매까지 추천하는 책은 아닌? 정도네) 신년이 시작되면 무언갈 시작하는 사람이 아니라 신년이 다가왔을때 이미 내가 원하는 모습을 갖추고 있는 사람이 되고 싶기에 난 연말 한달 전부터 더더욱 내가 바뀌고 싶었던 모습들을 바꿔나가는 중인 것 같다 (김미경 교수님이 한 말에 매우 깨달았었던) 1. 열심히 하는 것에 한계를 두지 않고 안주하지 않는 마음가짐 2. 운동 습관 (일주일에 주 6회 이상.. 2022. 12. 18.
배열과 객체타입(Object) 메소드 복습하깅 배열(이어서) const fruits = ["Apple", "Banana", "Cherry"]; const numbers = [1, 2, 3, 4]; >> filter const a = numbers.map((item) => item > 3); // 총 map은 4번 실행될거고, 결과값은 false,false,false,true // boolean형이 반환된다. const b = numbers.filter((item) => item > 3); console.log("b:", b); // 4가 담긴 배열이 생성된다. // 조건식이 false면 다음값으로 넘어가고, true인 결과값만 b에 들어간다. map도 아래처럼 쓰고, 출력해보면 d에 ["Apple", "Banana", "Cherry"] 다 담김 ( .. 2022. 12. 18.
자바스크립트 데이터 (String, 문자, Math, Array) 심화공부 // >> JS데이터 // (문자) // String.prototype.indexOf() // 호출한 String객체에서 주어진 값과 일치하는 첫번째 인덱스를 반환 // 일치하는 값이 없으면 -1을 반환한다. // const paragraph = // "The quick brown fox jumps over the lazy dog. if the dog barked , If the dog barked, was it really"; // const searchTerm = "dog"; // const indexOfFirst = paragraph.indexOf(searchTerm); // console.log("index of :", indexOfFirst); // // 'd'가 40번에 있는걸 확인할 수 있음.. 2022. 12. 17.

티스토리툴바