ITRecipe

안녕하세요 itrecipe 입니다간단한 토이 프로젝트를 하나 진행해 보고자 합니다.제목 그대로 react와 typescript 그리고  kakaomap api를 활용하여 카카오 지도 같은 페이지를 구현해 보고자 합니다.작업을 어떻게 진행할지 :기능 구현 우선:기본적인 기능을 먼저 구현한 뒤 디자인을 추가하는 방식이 좋습니다. 왜냐하면 기능이 제대로 작동하는지 확인하면서 디자인을 추가할 수 있기 때문입니다.예를 들어, 맵을 띄우고 줌, 마커, 검색 등의 기본적인 기능이 잘 작동하는지 먼저 확인하고, 그 후에 디자인을 추가하는 식으로 진행하면 좋습니다.디자인 추가:기능 구현이 끝난 후, 디자인을 추가하는 것은 중요하지만, 기능이 제대로 작동하지 않으면 디자인을 추가하는 것도 의미가 없을 수 있습니다.기능을 ..

안녕하세요 itrecipe 입니다.Toy 프로젝트로 간단하게 도시락 메뉴를 주문하는 C, R, U, D 사이트를 제작해 보려고 합니다.그럼 시작할게요 ~ !!기술 스택 : React.ts + graphQL + PostgreSQL + PostgraPhile [Sample Data - PostgreSQL 쿼리]CREATE TABLE person ( user_id TEXT NOT NULL PRIMARY KEY, password TEXT NOT NULL, default_address TEXT NOT NULL, default_request TEXT);CREATE TABLE menu ( menu_day TEXT NOT NULL, menu_name TEXT NOT NULL, description TEXT..

안녕하세요 itrecipe 입니다.오늘은 web 기초 학습사이트와 설치한 IDE가 없는 경우 또는 설치 받기 귀찮은 경우 또는 뭘 설치해서 써야될지 모르는 경우를 겪고 있는 분들을 위해 제가 주로 활용하고 있고 참고하는 자료와 온라인 실습 편집기에 대한 정보글을 작성해보고자 합니다.[WEB 기초 학습 사이트]                 https://velopert.com/ VELOPERT.LOG  react-redux v7.1 alpha 에 드디어 Hooks 기능이 지원되었습니다. 아직 alpha 이기에 프로덕션에서 사용하기엔 아직 이르지만 한번 사용법을 알아봅시다. 정식 릴리즈 때 많은 변화가 없었으면 좋겠네velopert.comVelopert.log: React.js 관련 학습 사이트, 벨로그 제..

VSCode Extension 목록1. Better Comments 코드에 컬러 주석을 추가하여 가독성을 높여주는 확장 기능입니다. 중요한 부분을 쉽게 구분할 수 있게 함  2. Bracket Pair Colorizer 2 괄호를 색상으로 구분하여 보여주는 확장 기능으로, 코드의 구조 파악에 유용  3. File Tree Generator   프로젝트의 구조를 트리 형태로 생성하여 문서화에 도움을 주는 확장 기능입니다. README 파일 작성에 유용   4. Reactjs Code Snippets React 개발 시 자주 사용하는 코드 스니펫을 제공하여 빠른 코드 작성을 도와주는 확장 기능입니다.    5. SVG Preview SVG 파일을 바로 미리 볼 수 있게 해주어, 디자인과 개발 사이의 작업 효..

git branch : 현재 브랜치가 뭔지 확인하는 명령git branch 을 적으면 새로운 브랜치가 생성됨 git checkout git checkout foo : foo라는 브랜치를 생성했다 치고 foo라는 브랜치를 선택하는 명령git checkout -b bar : 미리 만들어둔 bar라는 브랜치로 이동하려고 사용한 명령git merge : 브랜치 병합하기git merge foo //마스터 브랜치에서 foo 브랜치에 있는 파일들을 병합한다git branch -d : 브랜치 삭제 명령git rebase : 브랜치 재배치 명령원격 저장소 복제 명령git clone git@github.com:kangtegong/collaboration/d/test1git init : 저장소에 git 생성git in..

git bash에서 저장소 이동하는법 ex) cd D:\test\test1 형식으로 이동가능git init : 로컬 레포지토리 생성 명령 git status : 깃의 현재 상태를 확인하는 명령git add [폴더 또는 파일명.확장자] : 스테이지에 올리는 명령git add .  : 모든 파일 올리기git commit : 저장하는 명령git commit -m "커밋메시지"git commit -am "커밋메시지" : 스테이지 추가와 커밋을 동시에 할 수 있는 명령어(am 주의사항 : untracked 파일은 add부터 수행 하고 해야 한다)git commit 이라고 치게되면 커밋메시지 작성창 vim 편집기가 활성화되고,여기에서 esc를 누르면 종료할지 다시 쓸지 선택이 가능하다. (a 또는 i를 입력):w는..