728x90 반응형 분류 전체보기235 타입스크립트 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. 2023.06.04, weekly memoirs weekly memoirs ✅ 공부 1. 이번 주는 일이 바빠 공부를 거의 하지 못했다 ^_ㅠ 오전에 타입스크립트 스터디 때문에 책을 읽긴 했지만 뭔가 엄청 공부한 느낌은 아닌 거 같다... 2. next.js 를 잠깐 볼 일이 생겨 들여다보았다. 서버 여는 거 공부하다 그만두었었는데 절대 경로만 데이터 가져오는 거 가능해서 목데이터는 public 폴더에 두어야하고,,, page/api 폴더는 서버를 여는 폴더라는 걸... 2시간 삽질 후에 기억이 났다 항상 기본이 부족하다는 생각이 참 크게 든다 3. 타입의 extends 구문은 도대체 언제 쓰는 것인가 하는 의문이 늘 있었는데 크기나 폰트 색깔을 props를 받는 UI를 빼놓을 때 쓰면 좋다는 걸 깨달았다 그러니까 카드라는 컴포넌트를 만들 때 css-.. 2023. 6. 4. react) typescript 에서 svg 파일 어떻게 쓰나요 svg 코드 복사해서 파일명.svg 만들고 다른 컴포넌트에서 이미지 불러오듯 import 하면 됨 => 하지만 typescript 경우 모듈에서 타입을 선언해줘야 가넝 something.d.ts declare module "*.jpg"; declare module "*.png"; declare module "*.jpeg"; declare module "*.gif"; declare module "*.svg"; .d.ts. 만 붙이면 알아서 모듈 추가됨 2023. 5. 30. 2023.05.29, weekly memoirs weekly memoirs ✅ 공부 1. 타입스크립트 책을 지원 받아 아침마다 타입스크립트 공부를 하게 되었다. (아직 2챕터 공부중) 저녁에 책을 펼치기엔 너무 피곤해서 아침 한 시간 정도 일찍 가서 하고 있는데 생각보다 1시간이 짧아서 더 일찍 갈 수 있으면 일찍 갈 생각이다 ㅎㅎ 사실 더 일찍 가려다가 몇 번 실패했지만... 아무튼 타입스크립트를 익히고 사용한지 이제 6개월 정도 된 거 같다. 어떤 프로젝트를 구현하면서 아직 타입 때문에 시간을 많이 잡아 먹거나 크게 막히는 일은 없지만(작은 프로젝트만해서 그런 걸수도) 타입을 예쁘게 쓰는 편은 절대로 아닌 거 같다 ㅎ 이 점을 개선하고 싶은데 이제껏 타입스크립트 any만 안 쓰면 되는 거 아닌가 ^_____^ 하는 마음으로 코드를 작성했다면 이번 .. 2023. 5. 29. 이전 1 ··· 8 9 10 11 12 13 14 ··· 27 다음 728x90 반응형
