정현's 블로그

Git 명령어 git checkout -b 브랜치 명 (생성) git checkout -D 브랜치 명 (삭제) git remote update (깃허브 브랜치 최신화) git checkout -t origin/브랜치명 (깃허브에 다른사람이 만든 브랜치 가져오기) git add . → 변경이 일어난 모든 파일 추적 git commit -m "커밋 메시지" -m "description 적는 곳" → 커밋을 추가하는 명령어 git push origin (브랜치명) → github저장소에 push git branch -a → 모든 브랜치 목록 보기 git branch -D (브랜치명) → 로컬 브랜치 삭제 git push origin —delete (브랜치명) → 원격 브랜치 삭제 (—delete는 -D로 치환..

1. 프로그래머스 - '방금그곡' 1) 문제 네오는 자신이 기억한 멜로디를 가지고 방금그곡을 이용해 음악을 찾는다. 그런데 라디오 방송에서는 한 음악을 반복해서 재생할 때도 있어서 네오가 기억하고 있는 멜로디는 음악 끝부분과 처음 부분이 이어서 재생된 멜로디일 수도 있다. 반대로, 한 음악을 중간에 끊을 경우 원본 음악에는 네오가 기억한 멜로디가 들어있다 해도 그 곡이 네오가 들은 곡이 아닐 수도 있다. 그렇기 때문에 네오는 기억한 멜로디를 재생 시간과 제공된 악보를 직접 보면서 비교하려고 한다. 다음과 같은 가정을 할 때 네오가 찾으려는 음악의 제목을 구하여라. 방금그곡 서비스에서는 음악 제목, 재생이 시작되고 끝난 시각, 악보를 제공한다. 네오가 기억한 멜로디와 악보에 사용되는 음은 C, C#, D,..

1. CSS 1) 1분코딩 https://studiomeal.com/archives/197 이번에야말로 CSS Flex를 익혀보자 이 튜토리얼은 “차세대 CSS 레이아웃” 시리즈의 첫번째 포스트입니다. 이번에야말로 CSS Flex를 익혀보자 이번에야말로 CSS Grid를 익혀보자 벌써부터 스크롤의 압박이 느껴지고,‘좀 편안하게 누 studiomeal.com CSS 필수 참고 사이트 2. React 3. Javascript 1) 알고리즘 1-1) 프로그래머스 1-2) 백준 2) 코딩 2-2-1) HTML 특수문자 리스트 http://kor.pe.kr/util/4/charmap2.htm HTML 특수문자 리스트 ßßßSmall sharp s, German (sz ligature) kor.pe.kr 4. Re..

책보다가 쿵! 키보드를 눌렀는데 저 화면이 떠버림. 미쳐버리는 거임. 이것저것 눌러보다가 답을 알아냄. Ctrl + D 누르면 됨.

1. React 1) 뷰 재구성 중 1차적으로 뷰는 마무리. 디자이너로부터 받은 와이어프레임을 토대로 MUI 및 CSS 입혀가며 재구성 중. 2) Error #1 팀원 분 중 다음과 같은 에러가 발생함. ERROR in Plugin "react" was conflicted between "package.json » eslint-config-react-app » C:\Users\asus\desktop\google-clone\node_modules\eslint-config-react-app\base.js" and "BaseConfig » C:\Users\asus\Desktop\google-clone\node_modules\eslint-config-react-app\base.js". #4186 Gitbash를..

1. React 1) 마이페이지 작성 - 마이페이지를 최대한 구현해내는 게 목표. * 이미지 업로드 시 프리뷰에 이미지가 나오지 않는 문제 발생. * 코드 리뷰를 통해 데이터 가져오는 경로가 잘못되었고 post -> mypage로 변경해줌으로써 해결됨. 2) 공부 필요 해도해도 부족한게 코딩인 것 같음.

1. React - 클론코딩 주차(Colley 클론 중) 1) 협업 시 느낀점 다른 사람들이 열심히 하는 모습을 보고 분발하게 됨. 다른 사람의 코드를 볼 수 있는 게 장점. 나와의 차이점을 알 수 있고 배울 점들이 많다는 것을 알게 됨. 리덕스 스토어를 Mypage와 연결하는 부분을 맡았고 심지어 구현까지 해볼 수 있게 됨. 이게 뭐라고 뿌듯했음. 후딱 끝내버리고 팀원분들 도와드리러 가야겠다. 2) 아쉬운 점 백에서 어떤 코드와 구조로 진행되는 지 알아보고 싶은데.. 막상 봐보니 뭔소린지도 모르겠고 그냥 '리액트에 집중해야지' 생각하게 됨.

1. React 1) Axios Axios는 브라우저, Node.js를 위한 Promise API를 활용하는 HTTP 비동기 통신 라이브러리입니다. 쉽게 말해서 백엔드랑 프론트엔드랑 통신을 쉽게하기 위해 Ajax와 더불어 사용합니다. 2) HTTP Methods 클라이언트가 웹서버에게 사용자 요청의 목적/종류를 알리는 수단 3) GET axios.get(url,[,config]) GET은 서버에서 어떤 데이터를 가져와서 보여준다거나 하는 용도임. 주소에 있는 쿼리스트링을 활용해서 정보를 전달하는 것이지 GET메서드는 값이나 상태등을 바꿀 수 없다. 4) POST axios.post("url주소",{ data객체 },[,config]) post 메서드의 두 번째 인자는 본문으로 보낼 데이터를 설정한 객체 ..

nvm use 14.16.0 exit status 1: �׼����� �źεǾ����ϴ�. status 1 or 5 오류를 확인했다. nvm 버전을 1.1.9 버전 삭제하고 1.1.7로 재설치한 후, VSCode에서 돌려주니 정상 작동함. 후하 하나 해결.

1. React 1) Class형 vs 함수형 1-1) 함수형 컴포넌트 import React from 'react'; import './App.css'; function App() { const name = 'react'; return {name} } export default App; 1-2) 클래스형 컴포넌트 import React, {Component} from 'react'; class App extends Component { render() { const name = 'react'; return {name} } } export default App; 출처: https://devowen.com/298 1-3) 차이점 정리 함수형: State, LifeCycle 관련 기능 사용 불가능.(Hook..