개발 일지

📌오늘 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 ..

1. 함수형 컴포넌트 만들기(함수 표현식) : rscp import React from 'react'; const Component = () => { return ( ); }; export default Component; (* 참고 : 표현식은 호이스팅에 영향을 받지 않는다.) 2. 함수형 컴포넌트 만들기(함수 선언식) : rsfp import React from 'react'; function $TM_FILENAME_BASE$(props) { return ( $1$ );} export default $TM_FILENAME_BASE$; 1&2번은 React Snippets 플러그인 설치시 사용가능한 단축키이다. (*함수 선언식은 코드를 구현한 위치와 관계없이 자바스크립트의 특징인 호이스팅에 따라 브라우..

로컬에서 여러 프로젝트를 작업을 하다보면, host 주소가 port를 변경해서 실행해야 할 때가 있다. 그럴때는 package.json 파일의 script를 조금 수정해주면된다. "scripts": { "dev": "vite --host 0.0.0.0 --port 4000", "build": "vite build", "lint": "eslint src --ext js,jsx --report-unused-disable-directives --max-warnings 0", "preview": "vite preview" }, 이렇게 --host / --port 옵션을 사용해서 지정할 수가 있다.

const activeSubmitButton = () => { if(arr.includes(null)) { setSubmitButton(false) }else { setSubmitButton(true) } } 이러한 코드가 레이아웃을 구성하는 React 컴포넌트 내부에 구현되어 있다. 이는 좋지 못한 코드이다. 왜 일까? 먼저, null은 JavaScript에서 "값이 없음"을 나타내는 특별한 값이다. React 컴포넌트의 내부 로직에 null이 들어간다면, 컴포넌트가 아무것도 렌더링하지 않는다는 의미이다. 따라서 화면에 아무런 내용도 표시되지 않을 수 있다. 만약 이렇게 될 경우, 사용자에게 텅 빈 페이지를 보여주게 되는 것일테고, 이는 UX(사용자 경험)를 저하시키는 결과를 가져올 수 있다. 또한, ..

1. 파일 찾기, 특정 문자열 찾기 find 찾을 경로 -name '파일명' find 찾을 경로 -name '특정문자열*' find 찾을 경로 -name '*특정문자열' find 찾을 경로 -name '*정문자열*' 예) find /usr/ -name '*-bin*' 2. gz 파일 풀기 (이건 자주 사용하지는 않음) gunzip '파일명'.gz 3. chmod : 권한 변경시 유용 //1. 모든 사용자가 읽기(r)/쓰기(w)/실행하기(x) 불가 $ chmod 000 '파일명' //2. 모든 사용자가 읽기(r)/쓰기(w)/실행하기(x) 가능 $ chmod 777 '파일명' //3. 소유자(u)는 모든 권한 부여, 그룹 및 그 외 사용자는 읽기(r)/실행하기(x)만 가능 $ chmod 755 '파일명' /..