본문 바로가기
728x90
반응형

분류 전체보기238

타입스크립트 제네릭 제네릭 이거 왜 있지? 했던 문법 useState 이외에는 써 본 적이 없다 ㅎㅎ 알아보니 함수에 따라 호출시 타입을 정할 수 있다고 한다 그래서 리액트 라이브러리 타입 찾으러 들어갈 때마다 엄청 많이 보였던 거 같음 멋지게 말하면 함수에 타입이 고정되는 걸 방지하고 재사용할 수 있다 뭔가 데이터 convert 함수에 잘 쓸 수 있을 거 같음 그래서 작성한 예시 1. function test(a:T,b:T){ return a + b; } test("1","2") test(1,2) ⇒ 잉 안 됨 ⇒ 리턴문에서 제네릭은 + 모른다고 에러 뜸 ⇒ + 연산자가 제네릭 타입에서는 지원 안 됨 ⇒ + 연산자는 숫자/문자열을 대상으로 동작하기 때문에 타입스크립트에서도 해당 타입에서만 지원 2. 그럼 t에 타입 정해주.. 2023. 7. 23.
2023.07.16, weekly memoirs weekly memoirs ✅ 공부 1. 이번 주 운좋게 컴퓨터가 돌아가는 근본(?)을 공부했다. 메모리 안에 힙/스택/명령어/데이터 영역이 있다는 것과 매우 간단하고 당연한 지식이었지만 메모리와 cpu 를 이어주는 interface bus 가 매우 열일한다는 점이 재미있었다 그리고 정말 컴퓨터는 0과1로 이루어져있구나,,,, 하는 점이 와닿았던 거 같다 아스키코드로 쬐끔 봤는데 2진수 16진수 등 진수를 사용하는 걸 보고 와우 정말 개발자는 이과 직업이었구나... 했다 그리고 컴퓨터와 가까운 c 언어는 힙과 스택을 정해주고 메모리 크기도 정해주던데 char a [4] = {1,2,3,4}; => 01 02 03 04 => char 타입은1byte short a [4] = {1,2,3,4}; => 01 .. 2023. 7. 16.
2023.07.09, weekly memoirs weekly memoirs ✅ 엄청나게 휩쓴 저번 주 - 이번 주 웃는 시간이,,, 많이 줄었다,,, 일을 하면 할 수록 공부할건 많아지는데 일을 쳐내느라 쉬기 바빴다 쉬지 못하면,,, 다음날 일을 못하니까,,, 체력을 계속 떨어지는데 마음은 다급해지니 일은 일대로 집중이 안되고 많이 우왕좌왕 했던 주이기도 하다 쥬륵... 일을 진행할수록 개발 실력이 참 부족하단 생각과 함께 개발 외적인 부분도 정말 노력해야겠다는 내 부족함을 많이 보았던 거 같다 낼 수 있는 아웃풋은 정해져 있다면 상황을 좀더 의연하고 여유있게 바라보았으면 어땠을까? 하는... 그래도 선택과 집중을 잘 실현하지 못해 많이 아쉽지만 저번주 - 이번주 잘 넘겨 보냈다는 생각에 대견하고 앞으로 다가올 다음주에 좀 더 의연한 태도로 개발을 임.. 2023. 7. 9.
타입스크립트 class / implements 1) 오버라이딩 overrriding 부모 클래스에 정의된 메서드를 자식 클래스에서 새로 구현하는 것 overridden class 오버라이든 : 부모 클래스 overridden method 오버라이든 메서드 : 자식 클래스 class Bird { 오버 라이든 클래스(부모 클래스) // 오버라이든 메서드 flight(km : number | string ){ ...} } class Eagle extends Bird { (자식 클래스) // 오버라이딩 메서드 flight(km : number){ ...} } 재정의(오버라이딩)하기 위한 조건 오버라이든(부모) 메서드 이름 === 오버라이딩(자식) 메서드 이름 && 오버라이든(부모) 타입 ≥ 오버라이딩(자식) 타입 && 오버라이든(부모) 매개변수 개수 ≥ 오.. 2023. 7. 9.
2023.06.25, weekly memoirs weekly memoirs ✅ 1. 광기의 이번주... 주말에 운동 한번 나갔다가 더위먹고 주중 동안 몸살 + 근육통에 시달렸다 ㅎ 덕분에 회사-집-기절-회사-집-기절 의 루틴을 반복했는데 그래도 몸이 아플 뿐이지 정신을 말짱해 코드는 두다다다다 잘 쳤다. 2. 오늘 동기 일을 도와주었는데 기존에 작성되어 있는 코드들이 아토믹 디자인 + next.js 라 덕분에 좋은 코드 열심히 구경했다. atom - molecules - organisms - template 의 구조를 어떻게 나누어야하는지 감이 잘 안왔었는데 작성되어있는 코드들을 보면서 아 이렇게 하는 거구나~ 하는 감을 좀 잡은 거 같다 특히 padding 이나 margin 을 각 컴포넌트에 스타일로 넣는게 아니라 이것도 하나의 컴포넌트를 만들어 재.. 2023. 6. 25.
클로저 this.name 으로 내부 값에 접근 객체 안 함수에 접근하는 클로저 개념 + 만약 타입스크립트였다면 .......... 퇴근 후 추가~~~~~ 2023. 6. 21.
기명함수 / 익명함수 기명함수는 호출될 때 호이스팅이 발생함 함수를 선언하기 전 / 후 호출 가넝 함수 호출이 좀 복잡해질 수 있음 그래서 태어난 익명 함수 변수에 담고 넣으면 선언한 후에만 호출 가넝 2023. 6. 21.
2023.06.18, weekly memoirs weekly memoirs 2023.06.05-2023.06.17 1. 하얗게 불태운 저번주와 이번주.... 개인 공부를 할 겨를이 정말 없었다... 크흑... 그래도 일이 바쁜 덕에 일 관련 공부는 많이 한 거 같은데 정말... 리액트로 CRUD의 끝을 보는 중인 거 같다... 특히 select 공통 컴포넌트로 빼서 defalut value와 선택된 value들 제어하는 게 좀 까다로웠는데 select도 여러개라... 이걸 map 돌려서 모두 다 제어하자니 약간... 힘들었다... 데이터도 다 convert 해줘야하고... (심지어 시나리오가 익숙하지 않다보니 어캐 convert 해야하는지 아직 잘 모름) 근데 사실 생각해보면 그렇게 어렵진 않았는데 기한에 쫓겨 부담이 커서 괜히 어렵게 느껴졌던 것도 .. 2023. 6. 19.
api gateway 클라이언트 - api gateway -(...)- 서버 api gateway 다른 네트워크로 들어가는 입구 역할을 하는 네트워크 포인트이다. 하나의 프로그램에 여러개의 서버가 있을 때 => 각각 도메인이 다를 수가 있음 클라이언트에서는 api를 호출하는 많은 코드들이 있음 -> 서버 두 개를 통합한다고 했을 때 프론트엔드는 통합된 코드를 찾아서 하나하나 다 고쳐야 됨 -> 비효율적 이때 api gateway 를 도입하는 것 api gateway는 자신만의 주소를 가지고 있음 예를 들어 example.io => 클라이언트는 "example.io/a" "example.io/b" "example.io/c" 형식으로 요청 => api gateway는 경로 별로 어떤 api 서버와 연결할 지 설정 => 서버가 통.. 2023. 6. 6.
728x90
반응형