세리프 따라잡기

promise를 등록해두면, 이후 성공했을 때 반환됨 이미 promise가 성공했는데 등록하면, 바로 반환 javascript에 내장된 object asynchronous operation === 비동기적인 것을 수행할 때 콜백 함수 대신에 유용하게 쓸 수 있는 object 두 가지를 잡고 가자😗 (생각하자!) 1. state = 프로세스가 무거운 수행을 하는지, 다 완료해서 성공/실패했는지의 상태를 이해 ☞ state: pending → fulfilled or rejected 2. producer / consumer의 차이를 잘 이해하면 된다. 1. producer의 입장 code const promise = new Promise((resolve, reject) => { console.log('doin..

https://velog.io/@devmin/git-conflict-solution-basic git - conflict(충돌) 처리법 git 에서 master의 branch를 만들고 작업을 하다보면, pull request 할 때 conflict(충돌)가 나는 경우가 있습니다. 어떻게 해결하면 될까요? velog.io 이번에도 협업을 하면서 pull request를 하다가 conflict가 일어난 상황이다😂 한 명이 pull request를 성공하면 나머지는 수정을 무조건! 해야 하는 상황인 것 같다🤔 해결법 요약을 하자면! 1. 충돌된 pull request 상황에서 git merge main을 합니다 2. 그러면 충돌난 상황이 재연되며 ide에 뜹니다 3. 그 부분들을 수동으로 수정하거나 / 자동으..

Q. box에 shadow 기능은 못 넣나? A. https://developer.mozilla.org/ko/docs/Web/CSS/box-shadow box-shadow - CSS: Cascading Style Sheets | MDN box-shadow CSS 속성은 요소의 테두리를 감싼 그림자 효과를 추가합니다. 쉼표로 구문해서 여러 그림자 효과를 입힐 수 있습니다. 박스 그림자는 요소에서의 수평수직 거리(오프셋), 흐릿함과 확산 developer.mozilla.org Q. all: unset은 뭐야? A. https://developer.mozilla.org/ko/docs/Web/CSS/all all - CSS: Cascading Style Sheets | MDN CSS all 단축 속성은 요소의 ..

이번에 협업을 하면서, 동기와 gitignore 때문에 이전 커밋 기록으로 롤백을 해야하는 상황이 벌어졌다😂 이참에 어떻게 하는지 적어두자!! https://computer-science-student.tistory.com/294 [Git] 깃 원격저장소(깃허브)에 올라간 커밋 제거(되돌리기) 깃 원격저장소(깃허브)에 올라간 커밋 제거(되돌리기) 깃에서 작성한 커밋들을 되돌리고 싶을 때, 아직 원격저장소로 push 하지않은 경우에는 '$git reset {commit_id}'명령어로 원하는 상태로 원상 computer-science-student.tistory.com 필요한 정보만 올리자면, git reset --hard HEAD^ → 바로 이전 커밋으로 돌아감 git reset --hard HEAD~n..

https://velog.io/@jjunyjjuny/React-useState%EB%8A%94-%EC%96%B4%EB%96%BB%EA%B2%8C-%EB%8F%99%EC%9E%91%ED%95%A0%EA%B9%8C [ React ] useState는 어떻게 동작할까 useState의 동작 원리에 대해서 velog.io https://devowen.com/298 [React] 클래스형 컴포넌트 vs 함수형 컴포넌트 리액트를 사용하여 프론트 개발을 할 때 두 가지 방법으로 컴포넌트를 선언할 수가 있다. 과거에는 클래스형 컴포넌트를 주로 사용했지만, 2019년 v16.8 부터 함수형 컴포넌트에 리액트 훅(hook)을 devowen.com https://www.daleseo.com/react-hooks-use-re..

# gitignore 사용법 .gitignore 적용하기 프로젝트 생성후 git을 연동하면서 가장먼저 하게되는 gitignore처리 간략정리 velog.io 유용했던 것 / 나의 상황 나의 상황: 이미 repo에 올렸는데, json 파일을 안 보이게 하고 싶었음 → 이미 repository에 json 파일이 push된 상황 유용했던 것: 원격 저장소 파일을 제거 후에 다시 커밋하면 되는 거였다! → git rm -r --cached . → .이 붙은 것은 내가 현재 디렉토리에서 제거하고 싶어서😎

state prop을 통해 입력된 데이터를 우리가 만든 컴포넌트 함수가 처리해서 return값을 만들면, 그 return값이 새로운 ui가 된다. prop가 함께 컴포넌트 함수를 다시 실행해서 새로운 return값을 만들어주는 데이터가 있는데, 이것을 state라고 함 prop과 state 모두 값이 변경되면 새로운 return값을 만들어서 ui를 만듦. prop vs state (차이점) - prop: 컴포넌트를 사용하는 외부자를 위한 데이터 - state: 컴포넌트를 만드는 내부자를 위한 데이터 hook function App() { const mode = "Welcome"; //이 부분 const topics = [ {id:1, title:'html', body:'html is ...!'}, {id..

컴포넌트 (component) react는 사용자 정의 태그를 만드는 기술 = react의 본질 정리정돈 → 연관된 것들은 모아서 그룹핑 하는 것 ex. import logo from './logo.svg'; import './App.css'; function App() { return ( WEB html css js Welcome hello, web! ); } export default App; 를 사용자 정의 태그로 만들고 싶다. 정리정돈하고 싶다.↓ //react에서 사용자 정의 태그를 만들 때는 반드시 대문자부터 시작해야 한다! import logo from './logo.svg'; import './App.css'; function Header(){ return WEB } function App..

시작 react를 설치하려면 nodejs가 이미 깔려있어야 함. (이미 있다면 바로 react를 설치 진행하면 됨) #이 사이트가 react 설치하는 페이지 Create React App Set up a modern web app by running one command. create-react-app.dev npx create-react-app my-app → 이때 my-app은 현재 설치하는 폴더의 이름 (ex. 폴더 열기로 설치하고픈 폴더에 들어갔다면 .만 찍으면 됨) ↑ 위의 코드를 이용해 터미널에서 설치하면 됨 다 깔리면 npm start를 이용해 (터미널에 안내됨) 시작하면 끗~ 종료할 때는 ctrl + c를 누르면 된다! 배포 npm run build를 이용하면 build 폴더가 생성됨 np..

Figma: the collaborative interface design tool. Build better products as a team. Design, prototype, and gather feedback all in one place with Figma. www.figma.com # 참고한 강의 배우게 된 계기 : 프론트엔드를 맡게 되기도 하였고, 프로젝트의 초안을 작성하기 위해 배우기 시작! 피그마는 디자인 사이트입니다~ 처음 시작에 free를 눌러서 사용을 하면 된다!! - 단축키는 사실 위 사진과 같은 툴에 커서를 올리기만 하면 볼 수 있다!! - 정00형(ex 정사각형)의 모형을 만들고 싶다면, shift를 누르면서 움직이면 되고, frame에 대한 수치들을 만질 때 10단위 씩 움직이..