기록

내가 보려고 만든 FE개발자가 맥 초기화 후 해야할 일 ( macOS 기준, M2 )

맥을 초기화하고 나면 사이트 이곳 저곳 다니면서 설정하는게 귀찮아서 환경설정 올인원 게시물을 작성했다.1. homebrew설치 : 자세한 설치 방법은 해당 게시물 참고/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"2. chrome 설치설치하면서 안되면 트러블슈팅해야하니까 선호하는 브라우저로 바로 설치해준다.홈브루로 chrome을 설치하는 이유는 업데이트와 같은 앱 관리를 할 때 brew 명령어를 통해 컴퓨터안에 있는 응용프로그램들을 한꺼번에 관리할 수 있기 때문이다. ( 슬랙과 디스코드도 설치 가능하다 ) brew install --cask google-chrome패키지매니저를 설치..

[JS] for, for...of 성능 비교

프로그래머스에서 다른 사람 문제 풀이를 보던 중 for문이 효율성에서 점수가 잘나온다는 글을 보았다.직접 테스트 해보고 싶은 마음에 성능 테스트를 어떻게 하는거지 찾아보던 중 재미있는 사이트를 발견했다.각 브라우저별로 코드 테스트를 해볼 수 있는 사이트https://jsben.ch/코드블럭에 비교하려는 코드를 넣고 실행하면 아래와 같이 코드 테스트 결과가 출력된다.for문과 for...of문 비교chrome 브라우저출처자바스크립트 성능 최적화에 대한 의문JavaScript 반복문 (for, forEach 등)의 종류와 퍼포먼스 비교

gitlab SSH key 만료되었을 때, 재등록 Your SSH key has expired.

remote: remote: ========================================================================remote: remote: ERROR: Your SSH key has expired.remote: remote: ========================================================================remote: fatal: Could not read from remote repository.Please make sure you have the correct access rightsand the repository exists. 오랜만에 gitlab 프로젝트를 들어왔는데 완료된 경우Edit Profile ..

Vite+React+Styled-Components 개발 환경 세팅하기 (feat. Socket.io이용한 chat App만들기)

앞선 포스팅Vite React TypeScript 개발환경 설정하기https://devchaeyoung.tistory.com/72Vite React chatApp 만들기 ToDos ✏️Vite React TypeScript 설정하기App.tsx 파일 vite 서버로 실행하기프로젝트에 맞는 CSS 설정하기socket.io를 이용한 채팅 만들기완료된 프로젝트 보일러플레이트 보러가기 >> https://github.com/devchaeyoung/vite-chat-app01. 사용하려는 css라이브러리 선택하기js in css : styled-components간단한 프로젝트여서 빠른 스타일링을 위해 상대적으로 손에 익은 js in css인 styled-components를 선택했습니다.사이트 참고@emotio..

HTML Script 태그 type 속성이 필요한 이유?

Vanilla JavaScript로 처음 학습을 시작했을 때, 파일 간 의존성을 관리하기 위해 여러 개의  가볍게 알아보는 8. text/babel 또는 application/babel설명: Babel을 통해 트랜스파일링할 자바스크립트 코드를 포함.용도: ES6+ 문법을 ES5로 변환하여 실행할 때.특징:브라우저에서 실행하기 전에 Babel 트랜스파일러가 필요.9. type 속성을 생략한 경우설명: 기본값은 text/javascript로 처리됩니다.용도: 일반적인 자바스크립트 실행.마무리모던 웹 개발에서는 주로 type="module"을 사용하여 모듈화를 지원합니다.데이터 처리를 위해 application/json 또는 application/ld+json과 같은 MIME 타입이 유용합니다.type 속성은..