Zone.Identifier이란 뭘까? Zone.Identifier은 파일이 인터넷에서 다운로드되었는지 여부를 알 수 있습니다. 저는 WSL2를 사용하기 때문에, 윈도우에서 WSL폴더로 파일을 붙여넣을 시 파일이 생기는 걸 볼 수 있었습니다. 삭제하는 법 사실 삭제하는 법은 단순합니다. 파일탐색기를 열어, 우클릭 삭제로 삭제할 수 있죠. 하지만 귀찮기 때문에 다른 방법을 알아보도록 합시다! Zone.Identifier이 생성된 경로에서 다음을 실행하면 Zone.Identifier 파일이 삭제된 모습을 볼 수 있습니다! find . -name "*:Zone.Identifier" -type f -delete 어떤 기능을 하는 명령어인지 알아봅시다. 명령어 분석하기 리눅스에서 find는 find [옵션] [경..

돌아보는 지난 Try 토이 프로젝트 주 1회 이상 블로그에 배운 내용 올리기 스터디원분들과 함께 2주마다 새로운 프로젝트를 구현해보고 있다. 정리해놓은 것에 비해 올린 것은 적지만, 블로그도 꾸준히 적고 있다. 노션에 쌓인 것만 해도 몇 십개인 건 안 비밀.. ㅠ keep 계속 이어나갈 나 프로젝트 스터디원분들과 2주마다 새로운 프로젝트를 진행해나가고 있다. 잘할 수 있는 일을 해내기보다 해본 적 없는 일에 도전하고 있다. 많은 시행착오를 겪고 있지만, 시행착오 과정에서 많은 것을 배우고 있다. 알고리즘 스터디 매주 문제를 풀으면서 javascript에 대한 감각을 잊지 않으려고 한다. 운동 헬스장에서 주 3회 운동하고 있다. 유산소도 해야하지만 무산소 운동을 사랑하는 나. 일일커밋...? 완전한 일일커..

CSS에서 색상값을 변수로 지정하여 사용해보았다. 티웨이 홈페이지를 리액트로 클론하는 프로젝트를 진행하며, 색상값을 공통적으로 사용할 수 있으면 좋을 것 같아 알아보게 되었다. CSS에서 색상값을 변수로 사용하는 법 :root { --main-bg-color : brown; } 이후에 .one { background-color: var(--main-bg-color); } 와 같이 사용할 수 있었다. 반복 코드를 줄일 수 있고 가독성을 높일 수 있다. 리액트에서 색상값을 변수로 사용하는 법 theme와 createGlobalStyle을 사용하는 법이 있다. 그 중에서 theme를 이용해보도록 하겠다. 사용할 변수들을 다음과 같이 저장한다. 따로 파일로 저장하지 않고 같은 파일 내에 변수로 선언해줘도 괜찮다..

상태 관리 라이브러리인 Redux를 배웠다. 아직은 익숙하지 않지만 확실한 것은 Redux에서 Reducer의 함수의 경우 Redux의 state 업데이트는 불변하는(immutable) 방식으로 변경해야 한다. 그 중 Object.assign을 소개한다. mdn Object.assign()에서는 객체 2개를 합치기도 하고 {}에 합치기도 한다. Reducer함수를 작성할 때 immutable하게 하려면 어떻게 써야 할까? 답은 이 사이트에서 확인할 수 있다. 이 사이트에는 다음과 같이 나와있다. 실험을 해보자. 사용할 객체는 다음과 같다. newData는 state의 cartItems에서 0번째 index의 quantity만 수정해준 값이다.! const state = { "items": [ { "id"..

오늘은 Redux를 배웠다. Action 객체를 생성하며 한가지 의아한 점을 발견했다. 객체 형태인데 왜 키-값 쌍이 아니라 키만 있는걸까? 다른 값과의 차이는 무엇일까? 답은 shorthand properties였다! key가 곧 value를 의미하는 경우에 value를 생략할 수 있다! 아래 사진들에서 itemId의 value는 itemId이었다. 참고 자료 : https://pro-self-studier.tistory.com/33

1편이 궁금하시다면 여기를 참고해주세요! 1. 프로젝트 설명 이 프로젝트는 알고리즘 스터디원들과 함께 진행한 사이드 프로젝트이다. 본격적인 협업 이전에 모두 한 사이트를 보고 html, css, javascript를 이용해서 클론하기로 하였다. 1주차에는 폴더 정리, css 등 스파게티 코드 그 자체였다. 수정하려면 모두를 건드려야 하는... 그 와중에 PR하려다가 git 문제로 파일들을 모두 날렸다. 복구하려고 노력하다가 스파게티 코드가 아니라 깔끔한 코드를 짜보자!라는 마음으로 다시 구현하였다. 2. KPT회고 2주차의 나를 KPT회고의 형태로 돌아보자. 2주차의 잘한 Keep 1) 파일 분리 및 폴더 정리 2) CSS의 flex와 grid 속성 사용 3) 커밋 메시지 4) 더미 데이터 사용 2주차의..