작심삼일 개발이야기

터미널 켜서 tsc -w 입력하면 ts파일을 저장할 때마다 tsconfig.json에 설정해둔 값으로 ts파일을 자동으로 js파일로 변경해 저장한다.

이 글은 코딩앙마님의 유튜브를 보고 정리한 내용입니다. 문자 let car:string = 'bmw'; 숫자 let age:number = 30; boolean let isAdult:boolean = true; 배열 배열에 정해진 타입만 추가할 수 있다. let a:number[] = [1,2,3]; let a2:Array = [1,2,3]; let week1:string[] = ['mon', 'tue', 'wed']; let wekk2:Array = ['mon', 'tue', 'wed']; 튜플 (Tuple) 배열과 비슷한 형태이지만 인덱스별로 타입이 다를 때 사용하면 된다. 0번 인덱스와 1번 인덱스는 타입이 달라서 사용할 수 있는 메서드도 다르다. ex: b[0].toLowerCase() 는 가능하..

에러 Invalid DOM property `for`. Did you mean `htmlFor`? 아무생각 없이 console 보다가 Warning 발견... error까지는 아니고 위험한건가 뭐..하튼 빨간색이니 지워주도록 하자 해결 방법 이름 // for를 htmlFor로 변경하면 된다. 이름

const form = new FormData(); form.append("name", name); form.append("age", age); console.log(form); 이렇게 formData를 확인하려 console.log를 실행해도 내가 원하는 정보를 얻지 못한다.. formData는 단순한 객체가 아닌 XMLHttpRequest 전송을 위해 설계된 특수한 객체 형태라고 한다. 문자열화할 수 없는 객체이기 때문에 console.log를 사용해서 확인 할 수 없다. // FormData의 key 확인 for (let key of formData.keys()) { console.log(key); } // FormData의 value 확인 for (let value of formData.value..

객체에 접근할 때 프로퍼티가 없어도 에러 없이 접근할 수 있는 양날의 검(?) 같은 문법이다. let person = {}; console.log(person.name.firstName); //TypeError: Cannot read properties of undefined (reading 'firstName') 이렇게 객체에 존재하지 않는 프로퍼티에 접근 하려면 에러가 발생한다. 그래서 개발을 할 때 보통 &&를 사용해서 존재하지 않는 프로퍼티에 접근할 때 사용하곤 했다. let person = {}; console.log(person && person.name && person.name.firstName); //undefined 물론 이런 방법도 있지만 객체의 단계가 깊어지면 깊어질수록 코드의 길이..

시간 참 잘간다

이번 프로젝트를 진행하며 axios를 사용하여 비동기 통신을 사용하게 되었다. GET, DELETE는 이름만 봐도 GET은 정보를 가져오고 DELETE는 삭제하라는 것 같이 느껴지는데 POST랑 PUT의 차이점은 뭔가 한 번에 확 와닿지 않아서 간단하게 정리를 해보려고 한다. 여러 글을 읽어보니 멱등성이라는 단어를 사용하길래 나도 간단히 적어본다.. 멱등성이란 여러번 반복 실행해도 결과가 같은 것을 의미한다. 예를 들어서 GET, PUT, DELETE는 같은 경로로 반복 실행해도 결과가 같지만 POST는 동일한 결과를 보장받을 수 없다. 1. GET 데이터를 검색하거나 읽을 때 사용한다. 같은 요청을 여러 번 반복 하더라도 항상 같은 응답을 받는다. 2. POST 새로운 글을 작성할 때 사용한다.(그래서..

집 앞 소아과에서 백신을 맞았다... 팔이 욱신거리기 시작했다 열은 없지만 팔이 아프다 살려줘 아 저녁에 노을이 이쁘더라...

파스칼 케이스 const PascalCase; 첫 글자와 단어가 이어지는 글자에 대문자를 사용한다. 카멜 케이스 const camelCase; 첫 글자는 소문자로 하고 그 뒤에 이어지는 단어 첫 글자는 대문자로 낙타를 닮았다고 해서 카멜 케이스라고 한다 스네이크 케이스 const snake_case; 언더바(_)로 단어를 이어서 사용한다. 뱀을 닮아서 스네이크 케이스라고 한다.

주말에 로그인 기능 관련 공부하려고 했는데... 막상 하려니 벌써 주말이 끝났따 하하하 조금씩이라도 해야되는데 큰일이군..