해시관련 문제문제의 의사코드// 1.  사람이 들어 올떄마다 해당 user 의 객체를 생성 // 2. 마지막 커맨드까지 생성된 객체에 값을 변경 해주고// 3. 마지막 커맨드를 완료하면 객체를 기반으로한 콘솔을 찍어서 ans 에 넣어서 보내기// 4. 생각한대로 하니깐 테스트는 통과  정답지의 의사코드와 비슷하게 갔음but  테스트 케이스는 통과하나 실제 제출결과에서 런타임 에러를 부딪힘  아마 record의 최대갯수가 10만 까지인데시간복잡도를 생각안하고 O(n2) 으로 풀어서 그런거 같음..  그냥 의사코드 따라서 for of 문으로 필요한 값으로 인풋값을 변경했는데확실히 막쓰면 안되는듯아래는 최소한의 for문으로 정답작성.. 결과는 통과 시간복잡도를 고려한 코드  의사코드를 써도 무작정 의사코드대로..

https://school.programmers.co.kr/learn/courses/30/lessons/12973 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr stack 연습문제였는데 15분 정도 생각하고 15분정도 코드 구현했음  의사코드작성// 짝을 지어서 제거  // 2개붙어있는 짝 문자열을 제거 // 제거이후에 다시붙임 이런식으로 모든 문자열을 제거한다면 // 짝지어 제거하기 종료  // 1. 짝지어 진걸 찾아서 해당문자열에서 제거하자  // 이중반복문 쓰면 안돼 시간복잡도가 n 이 너무 커 100만 // 한번에 해야함 // 2. 짝지어졌다는 조건을..

Vue랑 크게 다르진 않은데하나씩 하나씩 체크해가면서 하니깐 쫌 더 deep 하게 배울수 있는거 같다.기존에 현업에서 시간에 쫒기면서 적용할 때 랑은 쫌 다른느낌   component  배우고 나서 바로 배우는게 props 인데 아무래도 component 에 데이터를 받아서 사용하기위해서 그런거 같다.바늘가는데 실가는 느낌으로 두번째의 문단의 코드가 일반적으로  props 를 받는 형식인데데이터의 구조에따라서 편의성을 높이기 위해 다른형식으로 맞는방법도 있다. 이후에 나오게 되면 다시 이곳에 돌아와서 작성하겠다.

결론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 로 ..

해커톤이 끝났다. 너무 피곤했고 꿀잠을 잤다.  자고 일어나니 9시 습관처럼 유트브에 들어갔다. 해커톤 기간중에 유튜브 추천 알고리즘을 다시 켜놨는데 또 다시 릴스 와 알고리즘에 굴레에 빠질뻔했다.  괴로웠다. 다시 이전에 모습으로 회귀하는 모습에 재빨리 떨쳐내고 하고자 하는걸 해야지  한번 해보고 싶었다. 칼을 갖추는것과연 쭉 할 수 있을까 ?  밥을먹고 다이소에서 건전지를 사고  원래 나는 개발자가 아니였지만 요즘들어서 뭔가 개발자 마인드 셋을 가지게 되고 있다.   나의 개발자의 정의는 problem solver 라고 생각한다. 문제를 찾고 그 문제를 해결하는 사람 문제 해결을 통해서 세상에 가치를 제공하여 세상을 더 이롭게 하는 사람  그래서 개발자는 코딩실력 = 칼로 비유하자면 무엇을 베어야 할..

토요일 아침 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..

narrowing to make something less wide 여라가지 타입이 모인 union타입의 경우를 파라미터값으로 사용시 narrowing을 사용하여 각 타입마다 조건을 걸어주어야한다. if(typeof x ==="string") 파라미터 x 가 string일경우 string일떄 실행할 내용 디버깅용 비상용 assertion type to type (X) types to type (O) union같이 여러가지 타입이 있는것을 한가지로 특정할때..! x as string; 이런식으로 쓰는데 narrowing해서 if문 쓰는게 정석임 assertion 버그추적 힘듬 = 타입스크립트의 취지와 역행함

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