"게임 개발자"를 향한 매일의 공부일지 1기 : 2024년

이번에는 오버로딩 함수에 대해서 공부해 보겠다.    이론 5 - Fuction Overloading            id가 string일 수도 number 타입이 될 수도 있다. 그럴 때 함수 오버로딩을 선언해 준다.    매개변수 타입은 다를 수도 있다.         파라미터에 들어갈 타입이 무엇인지 알고 있으면 함수 오버로딩을, 어떤 타입이 올지 모르거나 타입을 다양하게 사용하고 싶을 때 제네릭을 사용하면 된다.     퀴즈 7 - Function Overloading    이 문제는 틀렸다. 어떤 문제든 한 번에 맞히기는 힘든 것 같다.먼저, 함수 오버로딩이 무엇인지 알아보자. 함수 오버로딩은 같은 이름을 가진 여러 개의 함수를 만드는 것이다. 이 함수들은 서로 다른 매개변수의 개수나 타입을..

이어서 다음 학습도 진행해 보겠다. 이 용어도 처음 들어본다.    이론 4 - Nullish Coalescing Operator  falsy하면 B를 아니면 A를 반환하는 값이다.    이 둘은 기본값을 설정할 때 사용되지만, 작동 방식에 중요한 차이가 있다. ?? (Nullish Coalescing Operator)??는 값이 null 또는 undefined인 경우에만 오른쪽 값을 반환한다.다른 Falsy 값(0, false, NaN, '')은 그대로 반환한다.price가 0일 때도 유효한 값으로 간주되므로, 의도대로 동작한다.    퀴즈 6 - Nullish Coalescing Operator       하지만 틀리고 말았다. 이 문제는 다음과 같이 진행된다.먼저, HelloBot 클래스의 setN..

점심을 먹고 조금 쉰다는 것이 2시간 반이나 놀고 말았다. 쉬면서 지난 3년 간의 다이어리도 정리하고 올해 새로운 마음으로 굿노트 다이어리를 다시 쓸 수 있을 것 같아 개운해졌다.이제 잘 쉬었으니 앞으로 4시간 동안 정말 열심히 공부할 생각이다. 그럼 공부를 시작해 보겠다.      이론 3 - Optional Chaining Optional Chaining은 객체가 null 또는 undefined이면 undefined를 리턴하는 것이다. data라는 객체에서 프로퍼티를 사용하려고 할 때 if를 작성하지 않고 넘어가게 하려면 물음표를 사용하면 된다.     optional과 자주 비교되는 연산자이다. falsy는 false로 평가될 수 있는 값이다. hasTail이 true이면 뒤에 dog.살랑살랑을 실..

실습 문제까지만 풀고 아침 공부를 마치고 쉴 생각이다. 그럼 바로 타입 가드 문제를 풀어보겠다.    실습 3 - Type Guard    index.tx   discriminated-union.ts   다양한 연산자 살펴보기 1. instanceof특정 클래스가 있을 때 클래스라는 Klass가 klass의 객체인지 알아볼 때 사용한다.  2. typeofa라는 데이터가 원시타입 number와 동일한지 물을 때 사용한다.  3. in어떤 객체가 있을 때 key라는 객체의 프로퍼티가 있는지 확인할 때 사용한다. key에 프로퍼티가 있으니 true가 된다.  4. literal type guard구체적인 값을 나타내는 것으로 리터럴을 사용하여 값을 구분한다. switch case나 if, else를 사용해도..

타입스크립트 심화 과정이 정말 어렵다. 여기서 포기하고 다른 과목을 공부할까 고민도 많이 했지만 여기서 그만 두면 아무것도 아닌 것이 된다. 시간도 얼마 남지 않았으니 남은 시간 동안 빠르게 공부를 진행해 보겠다. 오늘 하루 만에 이 수업을 다 마치는 건 무리인 것 같다. 아직 1주 차의 1/3도 배우지 않았는데 이처럼 어려워서 시간이 많이 걸리니 어느 세월에 다 할 수 있을지 의문이다.그래도 오늘 최대한 공부를 많이 해서 3주차까지는 마치도록 해볼 것이다.    이론 2 - Type Guard     타입을 구별할 수 있는 유니온 타입을 말한다.    이렇게 해서 bark나 think 메서드를 사용할 수 있게 된다.             타입을 비교할 수 있는 연산자이다. 일치 연산자는 등호가 세 개인..

다음으로는 실습 문제를 두 문제 풀어보겠다. 이 문제에 대한 해설 영상도 상당히 길다. 심화 과정이라 그런지 기초에 비해 훨씬 더 어렵다. 그래도 잘 따라가 볼 것이다.     실습 1 - Intersection Type    문제 풀기먼저 메서드를 선언하는 구현부를 작성한다. 그런 다음 이 둘의 메서드를 intersection한다. 교차 타입이 되면 타입을 사용한 구현이 가능하다.  26번째 줄에 선생님은 콤마를 찍었지만 이건 생략을 해도 된다.     심화 내용 학습문제는 다 풀었지만 타입스크립트에서 겹치는 타입이 있을 때 주의할 점에 대해서 알아본다.  1. 타입이 같을 때공통된 프로퍼티가 있을 때 interesection을 하면 같은 타입이라면 오류가 나지 않는다. 이렇게 같은 타입을 쓰고 콘솔 ..

이번에는 첫 학습을 통해 배웠던 내용을 퀴즈 문제를 통해 점검해 보기로 하자. 이론 수업이 상당히 길어서 이 부분만 따로 정리했다. 이제 문제를 풀어볼 것이다.     퀴즈 1 - Intersecton Type        퀴즈 2 - 타입 확장하기    이렇게 썼는데 틀린 것 같다. 이 문제는 너무 어려워서 전혀 모르겠다. 해설을 참조하며 다시 풀어보겠다.    문제에서 주어진 코드는 Developer 인터페이스를 만들 때, Animal, Human 인터페이스들을 상속하려고 했다. 그러나 extend 키워드는 유니온 타입을 사용할 수 없다. 이는 TypeScript에서의 한계 중 하나예요. 그래서 다른 방법을 사용해야 한다. 해결책은 type과 intersection을 활용하는 것이다. (Animal ..

오늘은 아침에 늦게 일어나서 공부를 시작해 본다. 벌써 10시 반이 넘었지만 그래도 지금부터 열심히 하면 타입스크립트 심화 과정을 웬만큼 마칠 수 있으리라 믿는다.그럼 1주차부터 학습을 시작해 보겠다.     수업 소개 - 타입 스크립트 Ⅱ                  이러한 것들을 앞으로 배우게 된다.     이론 1 - Union Type, Intersection Type            여러 타입 중 하나를 쓸 때는 이렇게 쓸 수 있다.   인터페이스는 object 타입만 확장할 수 있다는 뜻이다. 대신 원시 타입은 확장하지 못한다. 즉 인터페이스는 객체 타입을 확장할 수 있다.    Elice가 human일 때는 think() 메서드를, dog일 때는 bark() 메서드를 사용하게 하려면 어..

그동안 정말 힘들게 JSP/SEVLET 책을 끝까지 모두 마쳤다. 굉장히 많은 분량이었는데 책 전체와 부록으로 주어진 홈페이지 제작까지 완성한 것이다. 인사교에서 이 책을 받았는데 나처럼 책을 처음부터 끝까지 본 사람은 거의 없을 것 같다.선생님이 수업하시는 건 중복되는 내용이 많고 오히려 더 이해가 되지 않아서 중간부터는 수업을 듣지 않고 책을 읽고 혼자서 공부했다. 오히려 그 편이 더 많은 것들을 배운 것 같다. 이제 아직 확인해보지 않은 내용을 마지막으로 확인하며 이 프로젝트를 마치려고 한다.    홈페이지에서 작업한 것 확인해 보기 1. 상품 리스트    2. 주문 리스트 주문 리스트에서 처리할 것을 체크한 후 주문 처리 버튼을 누른다.    그러면 이처럼 선택한 3개의 상품이 처리 완료된 것을 ..

마지막으로 사용자가 올린 질문에 대한 답변을 달기 위해 Q&A 게시판 관리하도록 하겠다. 우선 이를 위해 Q&A 게시판 정보를 저장한 테이블을 처리하는 DAO에 메서드를 추가한다.    Q&A 게시판 관리 [직접 해보기] Q&A 게시판 리스트를 출력하기 위한 액션 클래스     [직접 해보기] Q&A 게시판 리스트를 출력하는 JSP 파일    [직접 해보기] 커맨드 패턴으로 작업 처리를 위한 명령 처리 클래스 ActionFactory 수정하기 게시글 리스트에서 답변 처리가 되지 않은 게시글에 답변을 달기 위해서는 제목을 클릭한다. 게시판에 글이 하나도 없어서 1:1 고객 게시판에 들어가서 글을 써보았다.     이전에 쓴 글도 저장되어 있었다. 하지만 다시 들어가도 글이 보이지 않았다.    우선 다른 ..