프론트엔드
한 PC에서 프로젝트(폴더)별 github 계정 설정 방법
github 계정 여러개를 한 PC에서 쓰는 경우 보통 폴더별로 레포지토리를 분류하여 clone받아 작업하게 된다(내 경우는 그렇다). 이 때 계정을 여러개 쓰면 계정정보가 꼬일 수가 있어서 아예 파일경로로 사용자 정보를 설정해두면 편하다(삽질을 안 한다면). 1. .gitconfig 파일을 찾기 위해 터미널에서 루트 경로로 이동한 뒤 .gitconfig파일이 있는지 확인한다. cd ~/ ls 2. 이제 같은 경로에서 원하는 계정 개수대로 아래 명령어를 입력하여 파일을 만든다. (vim 명령어를 입력하면 해당 파일을 조회하여 수정가능한 상태로 진입한다. 파일이 없으면 만들어 줌) vim ~/.gitconfig-account1 [user] user.name=githubIdOfAccount1 user.ema..
jazzoAuction 프로젝트 시작
경공매 물건 정보 메일링 서비스를 만들어보고 싶어서 프로젝트를 시작했는데 경매 api는 없다. 공매 api만 있음... 그래서 경매 물건정보는 어떻게 될지 모르겠다. 우선 사용자 관점에서의 기능은 크게 두 가지를 개발하려고 한다. 원하는 조건으로 필터링한 공매 물건을 매일 아침(또는 매주 1회) 등록된 메일로 전송(멀티 필터 제공) 지도 상에 원하는 조건으로 필터링 된 물건들만 표시(물건목록과 지도를 동시에 표시.. 물건목록에서 물건을 선택하면 해당 물건지로 지도 핀이 이동한다거나.. 그런 식) 그리고 이 프로젝트를 통해 이루고 싶은 개인적인 목표는 아래와 같다. AWS 또는 GCP 사용 경험 B2C 서비스 런칭 경험 ... etc 두 가지만 이뤄도 충분히 많은 걸 하게 되는 것일 듯...
Failed to load plugin 'prettier' declared in '.eslintrc.js': Cannot find module 'eslint-plugin-prettier'
1. node_modules 폴더랑 package_lock.json 삭제 후 npm install & npm start 다시 해봤지만 소용 없음.. 2. 노드 버전 문젠가 싶어서 12로 낮췄지만 소용없음.. 3. 그 와중에 nvm 말 안들어서 cmd 관리자권한 실행해서 깔았는데 node 버전까진 잘 되더니 vscode 터미널에서 npm install했더니 또 에러 뜨고 소용 없음.. 35995 error code ELIFECYCLE 35996 error errno 1 35997 error core-js@3.26.0 postinstall: `node -e "try{require('./postinstall')}catch(e){}"` 35997 error Exit status 1 35998 error Fail..
[React] onClick props에 함수형 변수의 () 유무 차이
function ExpenseItem(props) { const clickHandler = () => { console.log('click!'); }; return ( Change Title ); } export default ExpenseItem; button의 onClick에 들어간 clickHandler에 괄호를 함께 입력하여 clickHandler()로 들어가면 JSX를 최초에 읽어올 때 실행하게 된다. 하지만 ()를 삽입하지 않고 const명만 clickHandler로 입력해두면 JSX를 읽어온 뒤 클릭하면 clickHandler 함수를 실행하게 된다.
[Vanilla Javascript Study] # 1. TodoList Component 작성
첫주차에는 간단하게 TodoList를 구현하는 미션이 주어졌다. [필수 구현사항] TodoList Component 작성 function, class 아무거나 사용해도 좋습니다. new 키워드를 통해 생성해서 사용합니다. 파라미터로 아래와 같은 형태의 data를 넘겨받습니다. const data = [{ text: 'JS 공부하기' }, { text: 'JS 복습하기' }] const todoList = new TodoList(data); 와 같은 형태로 파라미터를 넘기고, 생성해서 사용합니다. TodoList 컴포넌트에 render함수를 작성합니다. 이 함수는 파라미터로 넘겨받은 data를 순회하며 각 배열첨자의 text를 html string으로 만든 뒤, todo-list라는 id를 가진 div에 ..