개발 일지

📌오늘 TIL 3줄 요약 1. 쿠키는 웹사이트에 접속할 때마다 서버에 전송되어서 서버의 기억을 되살리는 역할을 한다. 2. 서버는 컴퓨터다. 항상 켜져있고 연결되어 있으며 요청에 응답해야 하는 컴퓨터. 3. 서버리스는 서버가 없는게 아니라, 서버 운영에 필요한 것들을 대신해주는 것을 의미한다. 단점도 있으니 상황에 맞게 사용하자. 📆TIL (Today I Learned) 날짜 2023-10-11 📖오늘 읽은 범위 에피소드 16 ~ 에피소드 21 에피소드 06 ~ 에피소드 10 📑책에서 기억하고 싶은 내용을 써보세요. [에피소드 16] 인터넷 익스플로러가 사라진 이유와 브라우저 엔진 첫번째, 최신 기술을 가장 빨리 지원했던 IE 1996년, 익스플로러 3.0ver - IE는 CSS를 최초로 지원한 웹 브라..

📌오늘 TIL 3줄 요약 1. 오류가 생겼을 때는 침착하게 오류 메세지를 읽고, 디버깅하자 2. 파이썬이 인기있는데는 다 이유가 있다..! 3. 인터프리터 vs 컴파일 언어 차이점 설명하기 📆TIL (Today I Learned) 날짜 2023-10-11 📖오늘 읽은 범위 에피소드 06 ~ 에피소드 10 에피소드 16 ~ 에피소드 21 📑책에서 기억하고 싶은 내용을 써보세요. [에피소드 06] 왜 나만 자주 오류가 생길까? - 문제가 생겼을 때, 그 중심에는 '내'가 있다. - 오류부터 고치려고 무작정 달려들기 보다는, 한 발짝 물러나서 왜 오류가 발생했는지를 고민해보자. 고민하는 시간을 충분히 거치면, 동일한 실수의 빈도가 확연히 줄어들 것! - 오류 메세지를 읽을 것 이것은 매우 공감되는 부분이다. ..

📌오늘 TIL 3줄 요약 1. 중꺽마..! 2. 고민보다 GO 3. 프로그래밍 언어 이름은 진짜 그냥 만든사람 마음이구나.. 📆TIL (Today I Learned) 날짜 2023. 10. 07.Sat 📖오늘 읽은 범위 에피소드 01 ~ 에피소드 05 📑책에서 기억하고 싶은 내용을 써보세요. [에피소드 01] 개발자에 대한 오해 5가지 - 개발을 잘하려면? 중꺾마~ - 좋은 개발자는 "개발 과정"을 이해하는 사람이다. - 근면 성실함을 무기삼아.. [에피소드 02] 어떤 언어부터 공부해야 할까? - 무엇을 만들고 싶은지 고민하고 선택하자. - 대표적인 언어 4가지(C언어, 자바, 파이썬, 자바스크립트)의 쓰임새를 알아보자. 첫번째, C 언어 상대적으로 기계 친화적인 언어이다. 제한된 상황에서 최고 성능을..

북클럽 시작합니다... 한 달에 한 권 읽기도 힘들었으니, 이렇게라도 실천해보려 합니다. 🔥🔥🔥 📚 북클럽 소개글 노마드 개발자 북클럽 (aka 노개북)이 2023 버전으로 업그레이드 되어서 돌아왔어요! 한 달에 한 권! 스케쥴표를 따라 함께 책을 읽고 감상평을 공유하면서 으쌰으쌰 독서할 수 있도록 도와드립니다. 읽는 책은 'IT 5분 잡학사전' 입니다! 📚 한 달 1권 읽기 개발자 필독서, 이번에 200% 완독 해보는건 어때요? 한 달 1권 읽기. 지금 시작해보세요! 🔥 뭐 하냐구요? 1. 매일매일 다같이! 책을 읽을꺼에요! 2. 감상평(TIL)을 작성해주세요. 3. 각종 미션 및 퀴즈를 수행하면 끗! 💪🏻 무슨 책? "IT 5분 잡학사전" 잘하는’ 주니어 개발자는 이미 다 알고있어요! 코딩 입문, 웹..

[비개발] 화면설계 & 프로토타이핑 툴 정리 프론트엔드 개발자라면 반드시 알아두어야 할 32가지 ui 요소 번역 웹/모바일 화면사이즈 기준 참고 초보자를 위한 스토리보드 작성 Tip [개발] 모바일 터치, 제스처 등이 적용되는 하이브리드 웹에 적용하기 좋은 라이브러리 : PhotoSwipe (강추)개발자도구 파헤치기 : 크롬 개발자도구 사용설명서 ✨ 공개적으로 학습하라! GraphQL 가이드북 읽기 좋은 코드가 좋은 코드다 ✨ 신입에게 추천하는 프론트엔드 가이드 ← 링크모음집 유용한 10가지 자바스크립트 유틸 함수 스토리북 소개글 강추 [유용한 라이브러리 모음] mozilla pdf.js : https://github.com/mozilla/pdf.js#online-demo alert javascript ..

프로젝트를 공동 작업하다보면, 윈도우 사용자와 Mac OS 사용자의 줄바꿈 설정이 다른 경우가 있다. Line Seperator 윈도우 기본 설정 : CRLF (\r\n) Mac , Linux 기본 설정 : LF (\n) ‣ 차이점 : https://www.aleksandrhovhannisyan.com/blog/crlf-vs-lf-normalizing-line-endings-in-git/ CRLF vs. LF: Normalizing Line Endings in Git | Aleksandr Hovhannisyan Line endings can differ from one OS to another. Learn the history behind CRLF and LF line endings and how to ..

React.memo를 사용하면 컴포넌트의 props가 변경되지 않았을 때 리렌더링을 건너뛸 수 있다. = 컴포넌트의 props가 바뀔 때만 리렌더링 한다. (항상 보장되지 않는다.) const MemoizedComponent = memo(SomeComponent, arePropsEqual?) memo로 감싸져 있는 컴포넌트는 메모화된 버전의 컴포넌트를 만들 수 있다. 메모화된 버전의 컴포넌트는 일반적으로 props가 변경되지 않는다면, 부모 컴포넌트가 리렌더링 될 때 같이 리렌더링 되지 않는다. memoization이 성능을 최적화하지만, 항상 보장되는 것이 아니므로, React는 여전히 컴포넌트를 렌더링 할 수도 있다. 예시: import { memo } from 'react'; const SomeCo..

1. 타입스크립트가 객체 타입 리터럴의 타입을 해석하는 방법 기존 객체에서 타입을 추론하게 하는 것도 좋지만, 가끔 명시적으로 객체 타입을 선언하고 싶을 때가 있을 것이다. 객체 타입은 객체 리터럴과 유사하지만, 필드 값 대신 타입을 사용해 설명한다는 특징이 있다. 1) 별칭 객체 타입 [덕 타이핑 참고하기 좋은 글] https://velog.io/@thms200/Typescript-Duck-Typing-%EB%8D%95%ED%83%80%EC%9D%B4%ED%95%91 Typescript Duck Typing (덕타이핑) 타입스크립트의 인터페이스에 대한 글을 읽다가 Duck Typing에 대해 알게되었다. 먼저 코드로 개념을 이해해보자. (위의 코드는 [Typesrcipt playground](https..

유니언(Union): 값에 허용된 타입을 두 개 이상의 가능한 타입으로 확장하는 것 내로잉(Narrowing): 값에 허용된 타입이 하나 이상의 가능한 타입이 되지 않도록 좁혀가는 것 1. 유니언 타입으로 두 개 이상의 타입 중 하나일 수 있는 값을 나타내는 방법 let math = Math.random() > 0.5 ? undefined : "math" //math type: string | undefined 이거 혹은 저거인 타입을 유니언 타입이라고 함 ` | (수직선 연산자)`를 이용해서 표시한다. 2. 타입 어노테이션으로 유니언 타입을 명시적으로 표시하는 방법 변수에 대한 명시적 타입 어노테이션을 제공하는 것이 유용할 때 사용하며, 사용자가 잠재적으로 다른 타입이 될 수 있음을 알고 있을 때 타입..

1. '타입' 정의 - 타입(Type) : 자바스크립트에서 다루는 값의 형태 (값의 속성/메서드/내장되어 있는 type of 연산자) - 타입스크립트가 인식하는 원시 타입 (7가지) string number bigint boolean symbol null undefined - 타입스크립트는 구문에서 변수나 함수의 타입을 유추할 만큼 충분히 똑똑하다. 2. 타입 시스템 - 타입스크립트의 타입 시스템이 코드를 이해하는 방법 코드를 읽고 존재하는 모든 타입과 값을 이해한다. 각 값이 초기 선언에서 가질 수 있는 타입을 확인한다. 각 값이 추후 코드에서 어떻게 사용될 수 있는지 모든 방법을 확인한다. 값의 사용법이 타입과 일치하지 않으면 사용자에게 오류를 표시한다. 타입 추론 과정을 살펴보자. 다음은 속성을 잘..