결론1. JSX 를 사용하면 HTML과 유사한 직관적인 문법으로  UI를 작성할 수 있다. 2.사용하지 않을시 React.createElement() 함수를 직접 사용해야 하며, 이는 코드의 가독성을 낮아지게함 3. 두방식 모두 같은 결과를 렌더링하지만, JSX를 사용하는 것이 더 편리하고 유지보수가 용이하다. 4. JSX는 결국 React.createElement() 호출로 변환됨, 즉 JSX 는 순수 JavaScript 코드를 작성하는 것을 더쉽게 만드는 Syntactic sugar 임      JSX 의 목적이 무엇인지 ?  react 에서 element를 웹상에 렌더링할떄 기존의 html 형식에서 크게 변함없이 작성하도록도와주는 Syntactic sugar이다. react 에서 파일명을 js 로 ..

토요일 아침 10시부터 시작 하여 일요일 오후 6까지 해커톤이 끝났다..  거의 32시간 안자고 깨어 있으면서  했는데 너무 피곤하다..  아 분명 멘토님한테 이야기 들었을때는 좀더 명확해지는 느낌이 있었는데 뭔가.. final 에 가지 않더라도 해커톤에서 얻어가야할것을 좀더 느끼고 가면 좋겠다고 했는데 피곤하니깐 아무생각이 안나네 그래도 생각 나는걸 적어보면 해커톤에 참가 하면서  문제정의를 잘하는것이 얼마나 중요한지 배웠다.데이터 기반 의사 결정과 데이터 기반 개발이 중요하다는점실제 데이터를 기반으로 문제를 정의하고 그 문제를 풀기위한 방법도 데이터를 기반하여 도출한다. 결국 회사의 목적은 경제활동이고 이윤추구이다.옛날부터 돈을 벌고 싶으면 사람들의 문제를 해결해주라는 말을 많이 들어왔는데 결국 회사..

함수의 실행을 검증하는 테스트 스위트

빈폴더 생성 - > 터미널접근 -> npm init - > 기본설정을 완료하면 - > package.json이 생성된다. (이곳에서 npm정보와 명령어 관리를 할수있다.) 타입스크립트를 사용할것임으로 npm i(install) typescript - npm설치 명령어를 통해서 typescript를 설치해준다. - > package-lock.json 생성 index.ts 에서 typescript가 정상적으로 작동한다. ts 파일을 js 파일로 변환시켜보자 ! 그냥 주먹구구식으로 npm tsc 했는데 안된다. 왜그럴까 생각해보니 어떻게 변환할것인지에 대한 명세가 없다. 그걸 설정해주는 파일을 만들자 tsconfig.json 이름이 정확히 일치해야 작동한다. 이곳 명세서에 target 과 source(inde..

자유도가 높다 = 에러메세지 안남 = 문제생겨도 어디서 생긴지 모름 자유도가 낮다 = 정해진 형식을 사용한다. = 형식에서 벗어나면 에러가난다.= 에러메세지가 나올때 더 정확하게 지적해준다. 타입스크립트 = 타입의 엄격성을 높힌 자바스크립트 여기서 타입이란 문자열,숫자,object,class,function,등등 언어라고생각 하기 보단. 일종의 툴이라고 생각하는게 맞다. any 타입과 unknown 타입의 차이점 any 는 자바스크립트를 안쓰는 거랑 똑같음 타입제한의 해제 를 뜻함 unknown은 타입제한의해제는 아님 unknown이라는 타입을 사용하는것 타입스크립트는 변수의 선언 부분에서 타입을 지정하여서 타입을 지정한다. (대부분은 할당 과정에서 자동으로 지정됨) 이렇게 지정된 타입은 let 변수A ..