전체 글

만약, git의 기본 브랜치가 master인 경우 github상은 main일 때 푸쉬해도 번거로운 과정을 거쳐야 할 때가 있다. 그러므로 git log를 통해 현재 브랜치가 master이면 main으로 브랜치 명을 변경하도록 아래 과정을 추가로 해준다. git branch -m master main git push origin -u main git push origin --delete master github를 로컬 git과 연동하기 원격 저장소 주소 추가 : git remote add origin [GitHub 저장소 URL] 만약 이미 remote가 있다고 하면 : git remote rm origin main 브랜치에 푸시 : git push -u origin main

* 이 강의 내용은 코딩앙마 리액트 강의를 보고 정리한 내용입니다.(link) 1. 인라인 스타일 사용하기 태그에 스타일 옵션을 이용하여 스타일을 적용하는 방법이다. 단, 스타일 옵션의 값은 객체가 들어가야 하므로, 중괄호가 2중으로 작성되어야 한다. (코딩앙마님 강의와는 다르게 보기 편하도록 컴포넌트를 임의로 하나 추가했다.) 📁 CssStyleTest.js export default function CssStyleTest() { return StyleTest inline style ; } 여기서 주의할 점이 몇 가지 있다. 스타일의 옵션 이름을 background-color와 같이 dash(-)를 사용하지 말고, backgroundColor와 같이 Camel 케이스로 작성해줘야 한다. value 부분..

* 이 강의 내용은 코딩앙마 리액트 강의를 보고 정리한 내용입니다.(link) ✏️ Hello 컴포넌트 작성하기 src 하위에 component 디렉터리를 생성하여 내부에 Hello.js 파일을 만든다. 내용은 아래와 같다. 주석 처리 한 부분처럼 함수 표현식으로 작성하여 해당 변수를 export하도록 사용해도 되고, 혹은 한 번에 export하도록 아래 부분처럼 작성해도 된다. // const Hello = function() { // Hello; // } // export default Hello; export default function Hello() { Hello; } 🤓 만든 Hello 컴포넌트 사용하기 App.js에서 컴포넌트를 포함한다. import './App.css'; import He..

* 이 강의 내용은 코딩앙마 리액트 강의를 보고 정리한 내용입니다.(link) 🧐 컴포넌트란 리엑트로 만든 페이지는 컴포넌트들로 구성된다. 페이지들 단위로 작성되는 것이 아니라, 각 부분을 컴포넌트로 만들어서 조립해서 사용한다. 비슷한 부분은 코드를 재사용할 수 있고 유지보수가 쉬워진다는 장점이 있다. 아래의 예시를 보자. 더 자세히 쪼개자면 뉴스 컴포넌트 안에 단일 뉴스 컴포넌트, 탭 컴포넌트 ... 등으로 또 나눌 수 있다. 이런 컴포넌트는 다른 페이지에서도 재사용이 가능하다. 💻 코드로 돌아가기 import logo from './logo.svg'; import './App.css'; function App() { return ( yerang park. Learn React ); } export d..

* 이 강의 내용은 코딩앙마 리액트 강의를 보고 정리한 내용입니다.(link) 🪄 프로젝트 시작하기 프로젝트 만들기 : npx create-react-app {디렉토리 명} 웹 서버 시작하기(웹 페이지 띄우기) : npm start 서버 구동 시 자동으로 http://localhost:3000 주소를 가지는 웹 페이지가 뜨고, src/App.js 파일을 열어 수정 후 저장하면 수정 내용이 즉시 반영된다. (이걸 Hot Module Replacement, HMR이라고 부른다.) 📁 디렉토리 구성 알아보기 node_modules : 프로젝트 실행 시 사용되는 dependancy 모듈들이 모두 모여있는 곳. 여기 설치된 내용들은 package.json안에 기록되어 있다. 이 폴더를 지우면 프로젝트 구동이 안되..

HAL 드라이버 분석하는 법 지난 시간에 HAL을 이용해서 뭘 했었냐면, main()함수 내부에 HAL_Init() 함수를 호출하는 부분에 중단점을 찍었었다. 딜레이를 줄 때 HAL_Delay()함수로 딜레이를 주기도 했다. 핀을 제어할 때에는 HAL_GPIO_WritePin()을 이용해서 제어했었다. 이번 시간에는 HAL 드라이버에 의존하지 않고, 순수하게 내 코딩만으로 Write 기능을 구현해보는 것이 목적이다. 임베디드는 코드는 몇 줄 안되지만, 내가 그 과정을 이해하고 코드로 표현하기까지는 수많은 시간이 필요하다. (알아야 될 지식이 참 많다...) (알아만 두기) 우리 프로젝트는 Startup 디렉토리 하위에 있는 어셈블리 코드인 startup_stm32~.s 파일에서 시작한다. 코드 분석 시작..