뉴히의 개발 로그

새로 타입스크립트를 시작한주 처음에 음~ 타입만 선언해주면되는거네? 했는데 ㅎㅎㅎㅎㅎㅎㅎㅎㅎ 완전 하나도 이해가 안가서 강의를 계속 보고보고 추가로 유튜브도 보고 ㅎㅎㅎ했는데도 생각보다 어렵따 어느정도 익숙해지고 이해하면 괜찮을것 같은데... 너무어렵네 ... ㅠㅠ 그리고 평소와 다르지 않게 생활하는데도 너무 피곤하고 못일어나겠고... 정신을 못차리겟다 체력관리 급급하다

react typescript로 todo app 만드는중... type 값이 들어갈 수 없다고 계속 오류가 난다. 아무리 오류메세지를 찾아봐도 안뜨고... 무슨 오류지 .. 다 넣어줬는데 왜그러징?ㅠㅠ 했는데.......... 알고보니 styledcomponents에 내가 태그를 잘못씀.... const StInput = styled.div` padding: 15px 25px; border: none; border: solid 1px #ddd; `; 찾으신분?????? 정말 어처구니....input 태그인데... div 태그로씀 정신똑디 차리자... 날아간 내시간 ㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎ 그리고 yarn add styled-components로 패키지를 설치했음에도 자동 import가 안되는것 styled-..

리액트 타입스크립트 프로젝트 생성 공식문서 https://create-react-app.dev/docs/adding-typescript/ // npx를 사용하는 경우 npx create-react-app my-app --template typescript // yarn을 사용하는 경우 yarn create react-app my-app --template typescript 기존 작업하던 리액트 프로젝트에서 시작 // npx를 사용하는 경우 npm install --save typescript @types/node @types/react @types/react-dom @types/jest // yarn을 사용하는 경우 yarn add typescript @types/node @types/react @ty..

enum과 object literal 비교 enum → 상수 값이기 때문에 각 멤버의 값이 변하면 안된다는 조건 이 있다 간단한 상수 값의 경우 적합 object literal → 멤버의 값이나 데이터 타입을 맘대로 변경 할 수 있어 복잡한 구조 + 다양한 데이터 타입이 필요한 경우에 적합 enum 열거형 데이터 타입 number, string 타입의 값만 대입 컴파일 시에 값이 할당되어 있지 않으면 자동으로 숫자 값으로 매핑 object literal(객체 리터럴) const obj = { a: [1,2,3], b: 'b', c: 4 } 키 + 값의 쌍(pair)으로 구성된 객체를 정의 enum과 매우 흡사 하지만 enum이라는 키워드가 아니고 const라는 키워드를 사용 (const / let 사용가..

JavaScript의 약점 JavaScript는 원래 웹 페이지에 동적인 효과를 주기 위해 만들어진 스크립트 언어이다. 동적 타입 언어는 예기치 않은 버그가 나올 확률이 매우 높다. JavaScript는 변수의 타입이 실행시에 결정된다. 그렇기 때문에 변수에 잘못된 타입의 값이 할당되어 발생한 오류를 찾기 위해서는 실행 시간에 변수의 값과 타입을 모두 확인해야하는 번거로움이있다. JavaScript는 let, const 같이 변수/상수를 구분하는 정도의 키워드만 지원된다. JavaScript에서는 프로그래머가 마음만 먹으면 객체의 성질을 수시로 변화시킬 수 있어 자칫하면 실수로 엉뚱한 값이 나오거나 큰 오류가 날 수 있다. 그래서 TypeScript를 쓰면 좋다!! TypeScript의 특/장점 Type..

리액트 툴킷과 비동기통신, 미들웨어, 쓰로틀링, 디바운싱, 쿠키, 세션, 토큰 등등 많은걸 배웠고 내용도 어려워서 강의를 몇번이나 듣고 이해가 되었던 지난 3주간의 스터디 !!! 그리고 API를 이용한 새로운 팀 프로젝트도 진행했다. 팀원분 모두 너무 좋은 분들이었어서 같이 으쌰으쌰하며 많이 배우고 프로젝트도 화목?하게 무리없이 매우 잘 진행했다! 지난 3주간의 KTP 회고 Keep 팀원들과 매일 아침인사도하고 계획도 세우고 매일 3문제씩 정해서 알고리픔 풀이 공유도했다. 특히나 알고리즘 풀이 공유는 처음 해봣는데 너무 좋았다! 매일 꾸준히 하자고 하지만 막상 강의듣기 급급하고, 프로젝트 진행하기 급급하니 미루기 일수였던 알고리즘 풀이! 팀원들과 공유를 위해서 꾸준히 하니까 정말 좋았던것 같다. 그리고 ..

시간이 너무 빠른!!! 벌써 새 팀원들과의 3주도 후딱! 강의도 어려웠고 그런데 알수록 사용하기 너무 쉬운?! ㅎㅎㅎ 주차였다 팀프로젝트도 어느정도 조금 익숙해진듯! 각자 팀원분들도 알아서 척척 진행해주시고 큰문제없이 잘 진행된것 같다! 로그인회원가입파트를 구현했는데 ㅋㅋㅋ정말 이거저거 비교하고 유효성 검사가 매우빡세서 정말..로그인회원가입만해도 빡센데 실제 서비스들은 경우를 어디까지 생각할까...? 무튼 생각보다 막힘없이 회원가입 로그인 진행했고 다음번에는 API도 다뤄보며 진행하면 더 좋겟당! 많이 쓰일듯한 내일은 팀프로젝트 발표가있고 또 새로운 팀원들과 새로운 주차 시작! 새로배울생각에 기대도 되고 어느새 익숙해져서 조금은 널널?헤이?해진듯한!! 각성하고 다시 빠잇팅 !

문자열로 형변환을 시킬때 String()을 사용하지만 가끔 toString()을 사용했기때문에 정확히 어떤 차이가 있는지 궁금했다. String() 은 null과 undefined에 대헤서도 잘 동작하는 반면, toString() 사용시 에러가 발생한다. String() : 어떤 형태이든 문자로 형변환하여 반환 .toString() : 메서드는 특정 진수로 객체를 표현한 문자열을 반환 / null, undefined 형 변환 시 오류 확실히 값이 명시된 경우에는 둘 다 상관없지만, null, undefined 와 같이 예외인 경우가 있을 수 있으므로 String()을 사용하는 것이 좋다. https://velog.io/@kimkyeonghye/JS-String-%EA%B3%BC-.toString-%EC%..