클래스
-
<TIL> 220214 typeof, GraphQL클래스/└ TIL 2022. 2. 14. 22:19
🌱 { 타입스크립트 } 매개변수나 반환 값에 타입을 명시하기보다는 함수 표현식 전체에 타입 구문을 적용하는 것이 좋습니다. 다른 함수의 시그니처를 참조하려면 typeof fn을 사용하면 됩니다. 복잡한 타입이라면 타입 별칭을 사용합니다. 어떤 API에 대한 타입 선언을 작성해야 한다면 인터페이스를 사용합니다. 제네릭 타입은 타입을 위한 함수와 같습니다. 배열은 객체이므로 키는 숫자가 아니라 문자열입니다. 함수가 매개변수를 수정하지 않는다면 readonly로 선언하는 것이 좋습니다. { GraphQL } GraphQL를 활용하면 over-fetch 없이 딱 필요한 자료만 서버에 요청하여 받을 수 있습니다. REST에서는 여러 데이터에 접근할 때 매번 요청을 해야 하지만, GraphQL에서는 한 번의 요청으..
-
<항해99> 웹개발 종합반 5주차클래스/└ 항해99 2022. 2. 13. 22:15
🌊 # 웹개발 종합반 5주차 웹사이트를 배포하게 됩니다. AWS EC2(서버용 클라우드 컴퓨터), 가비아(DNS 설정), og 태그 등을 학습합니다. 5주차를 마지막으로 프런트엔드부터 백엔드 그리고 배포까지의 한 사이클을 빠르게 마치게 됩니다. 강의를 따라가며 전체적인 흐름을 파악할 수 있었습니다. 각 과정마다의 세부적인 개념들은 차차 학습해 나가야 겠습니다. 5주차 숙제 결과물 http://imagine-code.shop/ 이매진 드래곤스 팬명록 응원 한줄 부탁드려요 imagine-code.shop
-
<Lecture> NextJS 시작하기클래스/프로그래머 2022. 2. 11. 21:15
🏅 NextJS 찍먹하기에 최고 (2시간+, 난이도: ★★☆☆☆) 노마드 코더에서 리액트 관련 초급~중급 과정들을 하나씩 듣고 있습니다. NextJS를 당장 쓸 예정은 없었습니다. 새로운 내용의 학습으로 생각의 범위를 넓히기 위해 들었습니다. SSR, SEO 등 개략적으로 알고 있던 개념들을 실제 프로그래밍을 통해 확인할 수 있어 도움이 되었습니다. 역시 라이브러리가 아닌 프레임워크라서 그런지 몇가지 규칙만 잘 익히면 결과물이 뚝딱뚝딱 나오는 편입니다. 하루빨리 리액트 실력을 끌어올리고 NextJS로 넘어가야 겠습니다. 02/10 ~ 02/11 https://nomadcoders.co/nextjs-fundamentals/ NextJS 시작하기 – 노마드 코더 Nomad Coders The React Fr..
-
<TIL> 220211 any 타입, SEO클래스/└ TIL 2022. 2. 11. 17:21
🌱 { 타입스크립트 } 타입스크립트는 자바스크립트의 상위 집합입니다. 타입스크립트는 초깃값으로부터 타입을 추론합니다. noImplicitAny를 설정하여 코드를 작성할 때마다 타입을 명시하도록 합니다. 타입 오류가 있더라도 코드 생성(컴파일)은 가능합니다. any 타입은 최대한 사용을 피합니다. { NextJS } NextJS를 통해 SEO(Search Engine Optimization)를 향상 시킬 수 있습니다. 📌 이펙티브 타입스크립트 / 댄 밴더캄 지음 / 장원호 옮김 / 인사이트 https://nomadcoders.co/nextjs-fundamentals/ NextJS 시작하기 – 노마드 코더 Nomad Coders The React Framework for Production nomadcode..
-
<항해99> 웹개발 종합반 1주차클래스/└ 항해99 2022. 2. 10. 22:03
⚓ { 웹개발 종합반 1주차 } 항해99에서 사전준비를 위해 제공하는 수업으로 "웹개발 종합반"이 있습니다. HTML, CSS, JavaScript 기본 개념을 학습합니다. 기존에 학습했던 부분이라 복습하는 개념으로 수업을 들었습니다. 내용을 쉽게 설명해주셔서 HTML, CSS, JS 시작을 이 수업으로 했어도 좋았을 듯 합니다. 개인적인 복습내용 box-shadow: offset-x offset-y blur-radius spread-radius color; CSS selector ">" : 해당 노드 바로 아래에 위치하는 모든 자식 노드를 선택합니다. 추가로 알고 있으면 좋은 내용 1. " window 키 + ; (세미콜론) "을 입력하면 이모지를 추가할 수 있습니다. 2. emmet을 활용하면 htm..