let's get IT with DAVINA 💻

앱키 받기 Kakao Developers 우선 카카오 개발자 사이트에 접속해서 카카오 로그인을 한다. 내 애플리케이션에 들어가서 애플리케이션 추가하기를 누른다. 플랫폼 설정하기를 누르고 (나는 웹에서 사용할 것이기 때문에 web 플랫폼 등록을 선택했다) 도메인 설정을해준다. react를 사용해서 웹을 구현할 것이기 때문에 http: // localhost:3000도 추가해주었다. HTML에 적용 pubilc/index.html head or body 아무데나 상관 X 나는 head에 적용해주었다. KakaoMap.js 파일 생성 import React, { useEffect } from "react"; import styled from "styled-components"; const MapContaine..

1 ? "disabled" : null} > → Count가 2가 되는순간부터 더이상 버튼 활성화되지 않게 만들기

Position 문서 상에 요소를 배치하는 방법을 지정한다. top, right, bottom, left 속성을 통해 요소의 최종 위치를 결정한다. 사용법 기준을 잡는다. (ex. position: relative;) 이동시킨다. (ex. top: 50px;) block : 한 줄 모두 차지 (대표 element - , ) inline : 콘텐츠 크기 만큼만 차지 (대표 element - ) 값 의미 static 기준 없음 (배치 불가능 / 기본값) relative 요소 자기 자신을 기준으로 배치 absolute 부모(조상) 요소를 기준으로 배치 fixed 뷰포트 기준으로 배치 stickey 스크롤 영역 기준으로 배치 Relative 요소를 일반적인 문서 흐름에 따라 배치한다. 요소 자기 자신의 원래 위..

TypeScript Javascript with syntax for types a strongly typed programming language that builds on JavaScript, giving you better tool at any scale JS의 타입 안정성 ⬆ 버전! TypeScript & VS Code ⇒ 둘 다 Microsoft에서 개발해서 죽이 잘 맞아 JavaScript VS TypeScript JS ⇒ 개발자들이 멍청한 실수를 해도 이해해주려 하는 유연한 언어 [1,2,3,4]+ false(boolean) = “1,2,3,4false”(string) ⇒ TS는 말도 안되는 호출을 허용하지 않음 문제있는 호출을 유저의 컴퓨터에서 이미 실행하고 나서 에러라고 말해줌 이것이 런타..

호텔 카테고리 list 화면에서 좋아요된 호텔이 채워진하트로 표시 필요 → BE에서 isLike 와 같은필드명으로 구분해줘야함 호텔 list 조회화면에서 like가 전역으로 관리되게 되면 호텔별 "좋아요" 상태 표시가(한개 누르면 전체 상태가 다 바뀌게 됨) 힘드므로 개별 상태로 관리가능하도록 수정해야하는 상황 위시리스트 페이지에서는 호텔 하트 채워진상태로 표시 메인 프로젝트때의 상황 → BE에 isLike 구분이 안되어 있었으며, → wishlist에선 data정보들이 있었음 ⇒ 따라서, 좋아요를 눌렀는지 안눌렀는지를 판단하는것보다 위시리스트에 있는 호텔이 전체리스트의 호텔 id값과 일치할 경우 좋아요가 되어있는 상태 & 위시리스트에 없으면 좋아요가 안되어있는 상태로 구분 1. WishList data..

Git과 Github 사용법을 블로깅하며 카테고리를 분류하는데 문득 이 둘의 차이를 명확히 알고 있는지 궁금해졌다. Git 소스 코드를 효율적으로 관리하기 위해 만들어진 분산형 버전 관리 시스템 VCS: Version Control System 소스 코드 수정에 따른 버전을 관리해주는 시스템 로컬 저장소를 사용 (다른 개발자와 협업의 개념 X) Github 분산 버전 관리 툴인 Git을 사용하는 프로젝트를 지원하는 웹호스팅 서비스 언제, 어디서나 협업이 가능 로컬에서 버전 관리한 소스코드를 클라우드 서버를 사용하여 업로드해서 공유 가능 Git으로 로컬 저장소에서 작업 -> Github에 업로드 & Github에 있는 작업물을 내려받아와서 작업 Local Repository : 내 PC에 저장되는 개인 전..

1. main (배포용) 현재 코드임 → 얜 건들지 말고 일단 안전 → 4번 과정까지 다 완성되면 merge해서 배포! 2. develop (개발용) 3번 feature에서 잘되면 develop 브랜치에 merge하고 3. feature (develop에 기능추가용) 분류를 세세하게 나누기를 원하는 회사에서는 refactor, fix, docs, chore와 같이 세세하게 커밋 메시지나 브랜치 명에 prefix를 달기도 합니다. hash (브랜치 명) 커밋 메시지 2f85eea (feat/create-todo) feat: Todo 추가 기능 2ad0805 (fix/var-name) fix: 변수 네이밍 컨벤션에 맞게 변수명 변경 (ismale => isMale) e7ce3ad (refactor) refa..

⭐ git ⇒ 버전 관리 프로그램 repository ⇒ git이 파일 기록해두는 장소 원격 저장소 = 온라인 repository - 컴퓨터 고장나도 안심 - 협업이 가능 - ex) github 내 코드 올릴 땐? git push //local 환경에서 repository 생성 git init //기본브랜치 이름을 main으로 바꾸기 git branch -M main //로컬 -> 원격으로 보내기 git push -u 원격저장소주소 올릴로컬브랜치명 //원격저장소주소 넘 길어서 -> 변수 문법 사용하기 git remote add 변수명 주소 git push -u 변수명 올릴로컬브랜치명 //으로 사용 가능해짐! //-u를 사용하면 그 이후부터 주소가 기억되기 때문에 git push //만 해도 자동으로 보내..