Skip to content

Commit

Permalink
test: retry uploading posts9
Browse files Browse the repository at this point in the history
  • Loading branch information
KKardd committed Jul 15, 2024
1 parent 52f05ee commit af60d84
Showing 1 changed file with 0 additions and 10 deletions.
10 changes: 0 additions & 10 deletions study/_posts/2024-07-16-Test Post.md
Original file line number Diff line number Diff line change
Expand Up @@ -63,32 +63,22 @@ showItems에 배열을 넣었을때는 순서대로 잘 찍힌 것을 확인할

그럼 위의 코드를 **Typescript**에서 작성해보자. markdown의 코드블럭에선 별 다른 문제가 안 느껴져서 사진을 가져와봤다.

![Untitled.png](https://prod-files-secure.s3.us-west-2.amazonaws.com/56c765c5-a900-4bdb-bea8-c899ab1f0060/f0772b55-2d17-42db-81f6-6712fca5f820/Untitled.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45HZZMZUHI%2F20240715%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20240715T165826Z&X-Amz-Expires=3600&X-Amz-Signature=8478fad59700a6af24d184d6d4b3a2d0cbef9eb9fa4949988b207dddfdcbf97b&X-Amz-SignedHeaders=host&x-id=GetObject)

심지어 파라미터에 마우스를 가져다대면 다음과 같이 나온다.

![Untitled.png](https://prod-files-secure.s3.us-west-2.amazonaws.com/56c765c5-a900-4bdb-bea8-c899ab1f0060/a559c3c9-a0f4-440d-8fc0-e897c23acb50/Untitled.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45HZZMZUHI%2F20240715%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20240715T165826Z&X-Amz-Expires=3600&X-Amz-Signature=895c1632c428b8c094fcd37719ff6151f5151b3f975e9045c993013d178fa816&X-Amz-SignedHeaders=host&x-id=GetObject)

실행시키지않아도 컴파일 과정에서 바로 오류를 발견했고, num1과 num2의 …이 우리를 불안에 떨게 만든다.

위에서의 any형식이란, 아무 타입이나 다 받아올 수 있다는 뜻이다. 하지만 개발을할때 숫자를 더하는 add함수에서 문자열 두개를 넣어 붙이는건 굉장히 위험한 사고라고 생각한다.
함수에는 명확하게 의미가 부여되어 있는게 좋고, 한가지 일만을 하는게 좋기때문에, any가 아닌 number로 타입지정 해주는게 좋다.

![Untitled.png](https://prod-files-secure.s3.us-west-2.amazonaws.com/56c765c5-a900-4bdb-bea8-c899ab1f0060/9ac71071-ed64-4bab-9222-cf93abf754b7/Untitled.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45HZZMZUHI%2F20240715%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20240715T165826Z&X-Amz-Expires=3600&X-Amz-Signature=eddfb2ddbc0bfa9342cbbf7c62568cd422c4c15acea0c651b4e68c25d82b6ceb&X-Amz-SignedHeaders=host&x-id=GetObject)

number을 붙여주니 맨 밑에 hello world도 오류가 발생하는것을 확인할 수 있다.
**결론적으론, add를 정확하게 사용하고 있는 경우를 제외하곤 모든 상황에서 에러가 발생한다. 기뻐할 일이다.**

참고로 add함수 파라미터 옆 :void는 이 함수의 리턴값을 타입을 지정해주는것인데, console.log만 진행하고 return 해주는것은 없기때문에 void타입이라고 지정한다. 아직까진 제외해줘도 무방하다.

마찬가지로 showItems함수를 타입스크립트에서 살펴보자.

![Untitled.png](https://prod-files-secure.s3.us-west-2.amazonaws.com/56c765c5-a900-4bdb-bea8-c899ab1f0060/302ebb28-552e-474d-b4c5-8595ce6f1010/Untitled.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45HZZMZUHI%2F20240715%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20240715T165826Z&X-Amz-Expires=3600&X-Amz-Signature=d69c2f70c94f7e864633d9568c3995e11600bc42b641ecf4e36bb60693b718d4&X-Amz-SignedHeaders=host&x-id=GetObject)

정확히 사용할때가 아니라면 컴파일 과정에서 이미 오류가 발생하고, 파라미터와 callback함수의 item에서도 … 표시가 발생한것을 볼 수 있다. 위의 add함수와 동일하게 any타입이라서 불안에 떨고 있단 표시를 나타낸다.

![Untitled.png](https://prod-files-secure.s3.us-west-2.amazonaws.com/56c765c5-a900-4bdb-bea8-c899ab1f0060/9f4ccb7d-b630-4127-be8a-d390530fb4e2/Untitled.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45HZZMZUHI%2F20240715%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20240715T165826Z&X-Amz-Expires=3600&X-Amz-Signature=90964b0fc666c4f614f33eee358cccf8595cff3e67d4f77ca1575f1751c8d811&X-Amz-SignedHeaders=host&x-id=GetObject)

타입스크립트로 변경 후, 하나의 예시를 추가했다. 배열에 숫자긴하지만, 문자열형태의 숫자를 넣어봤을때도 showItems함수에선 숫자형태의 배열만 받기때문에 오류가 발생하는것을 확인할 수 있다.
추가로 item의 …은 별도로 정의해주지 않았음에도 사라진것을 확인할 수 있는데, 이는 arr를 숫자형태의 배열로 선언해준 상태에서 forEach문을 돌때 arr의 각각의 요소들은 number인 것을 알고 있기 떄문이다.
원한다면 item: number로 써주어도 좋다.
Expand Down

0 comments on commit af60d84

Please sign in to comment.