전체 글(74)
-
2024 노트북 구매가이드
점점 노트북 시장이 뜨거워지고 있는 느낌이다. 반도체 기술이 발전 함에 따라 예전의 노트북 성능의 한계가 있었던 느낌을 좀 벗어난 시기가 도래한 것 같다. 우선, 필자는 10년 넘게 노트북만 써온 사람이다. 게임을 하든, 개발 업무를 하든, 노트북만 구매해왔었다. 하지만, 현재 데스크탑을 맞추고 신세계를 경험중이다 ㅎㅎ 나의 경험상 주관적인 의견을 공유하고, 개인적으로 가성비를 좋아하는 입장으로 작성하겠습니다. 사람들이 열광하는 게이밍 노트북.. 일단, 노트북은 게임을 할때 발열을 절대, 네버 잡지 못한다.. 그에 따른 소음도 피할 수 없다.. 일단 이 두가지 이유로 나는 게이밍 노트북은 절대 말리고 싶다. 다만, 휴대성을 챙기면서 작업을 해야하는 분들은 꼭 필요하겠지만, 게임을 위해서 라면 말리고싶다...
2024.03.29 -
[git]간단하게 알짜배기만 총 정리
안녕하세요 git에 대해서 정리하는 시간을 갖고 정리해봤습니다. 프로젝트를 하면 버전관리툴을 사용하는 것이 불가피 합니다. 고로 개발만큼 중요하고 개발의 일부분이라고 할 수 있습니다. git을 왜 쓰냐? 한줄로 요약하면 개발한 소스를 백업하고 함께 협업하기 위해서 입니다. 보통 프로젝트를 진행하면 혼자 하지 않고, 여럿이 합니다. 여러사람이 소스를 공유할 수 있고, 혼자 진행하더라도 개발한 소스를 항상 백업 할 수있습니다. 기본 사용 https://git-scm.com/에서 다운받아 설치하시면 됩니다. 설치를 하고 터미널을 실행해서 개발프로젝트 폴더 경로에서 여러가지 git 명령어를 실행해보실 수 있습니다. repository생성: git init 브랜치생성 : git branch 브랜치명 브랜치이동 :..
2023.06.07 -
[web] LocalStorage, SessionStorage, Cookie의 차이점
WEB STORAGE HTML5 에는 웹의 데이터를 클라이언트에 저장할 수 있는 새로운 자료구조인 Web Storage 스펙이 포함되어 있다. Web Storage의 개념은 키/값 쌍으로 데이터를 저장하고 키를 기반으로 데이터를 조회하는 패턴이다. 그리고 영구저장소(LocalStorage)와 임시저장소(SessionStorage)를 따로 두어 데이터의 지속성을 구분할 수 있어 응용 환경에 맞는 선택이 가능하다. Web Storage는 기존 웹 환경의 쿠키(Cookie)와 매우 유사한 개념이다. 사실 거의 차이가 없지만 몇 가지 쿠키의 단점을 극복하는 개선점이 도입되었다. 그러나 쿠키는 여전히 유효하고 꽤 적절한 클라이언트 저장도구임에 틀림없다. HTML5 에서 Web Storage 스펙을 새로 추가했지만..
2023.04.18 -
[우육면관] 우육면 미쉐린가이드 맛집
안녕하세요 오랜만에 맛집을 하나 소개 합니다! 우육면관이라는 우육면 맛집입니다. 서울 종로구 청계천로 75-2 https://naver.me/57w88X9o 우육면관 청계천점 : 네이버 방문자리뷰 2,940 · 블로그리뷰 1,168 m.place.naver.com 11시 15분에 재빠르게 나와서 저기에 이름적고 10분 웨이팅후 입장했네요 ㅎㅎ 1층과 2층이 있는데 2층으로 안내받았습니다. 메뉴는 딱 4가지입니다.(3가지) 우육면 특! 입니다.. 보통 시키려고 했는데 강제 특으로 대동단결 됐네요 ㅎㅎ 오이소채는 꼭 곁들여 먹어야한다는 소문을 들어서... 만두는 앞에 분이 하나 집어먹었네요.. 제가 우육면은 좋아하진 않지만 먹었던 우육면 중에선 가장 맛있었습니다. 고기가 부드럽고 국물도 깔끔하고, 면은 살..
2023.04.03 -
[vscode]snake_case에서 camelCase로 변경하는 방법
쓸때마다 까먹기때문에 저장해놔야해요ㅠ 1. CTRL + H (바꾸기 모드 대화창 열기) 2. ALT + R (표현식 모드로 변경) 3. _([a-zA-Z]) 입력 (언더스코어로 시작하는 첫문자 찾기) 4. TAB 키를 치고 $1 입력하기, 대체 문자열 입력하는 칸으로 이동하여 대체 문자열 지정($1는 대체문자열을 지정하는 것임 변수같은 느낌) 5. ALT + ENTER (해당하는 문자열 모두 선택) 6. F1 키 눌러서 커맨드 팔레트 대화창 연다음 upper 입력하여 나온 'Transform to UpperCase' 선택하고 엔터 7. CTRL + ALT + ENTER (일괄 적용 처리)
2023.01.26 -
[React]렌더링에 대한 고찰
1. 개요 React를 공부하면서 어떻게 보면 가장 기초이고, 가장 중요한 부분인데 사실 이제야 포스팅한다는 것은 이제까지 리액트를 잘못 사용해왔다는 반증이기도 한데... 조금 더 심도있게 리액트를 알아보기 위해서 렌더링이란 무엇이고, 렌더링의 조건이 어떻게 되는 건지 확인차 적어보려고 합니다. 2. 렌더링이란? 아래의 Welcome을 컴포넌트라고 부릅니다. (정확히는 함수 컴포넌트) function Welcome(props) { return Hello, {props.name}; } 리액트에서 렌더링이란 컴포넌트가 현재 props와 state의 상태에 기초해 UI를 어떻게 구성할지, 컴포넌트에게 작업을 요청하는 것을 의미합니다. 3. 렌더링 과정 3-1. React의 렌더링 기본적인 리액트의 렌더링 개념..
2023.01.19