반응형

전체 글 36

[DIY] 르노삼성 SM3 Web 기반 리모컨 제어모듈 제작(코드 + 회로 포함)

제작한 회로파일과 소스코드는 아래 링크에 있습니다.* 필자가 직접 설계한 회로/코드이므로 상업적 이용 및 2차배포를 금지합니다.* 잘 동작하는 것을 확인하였으나, 혹여나 따라하시다가 잘못되는 부분에 대해서 필자는 책임지지 않습니다.https://github.com/koreankimchi123/wt_carkeyGitHub - koreankimchi123/wt_carkey: sm3용 원격(Web기반) 자동차키 개조용sm3용 원격(Web기반) 자동차키 개조용. Contribute to koreankimchi123/wt_carkey development by creating an account on GitHub.github.com 작동영상https://youtube.com/shorts/9yC_NadAfKI?fe..

개발 2026.06.13

사업계획서 작성 시 몰랐던 것들

중요한건데 또 까먹어서 나중에 다시 보려고 정리해둠사업계획서 특강 듣고 핵심 위주로 정리해봄1. 모든 아이템은 쇠퇴기가 존재한다는 것을 잊지 말 것. 계속 성장하겠다 가 아니라 쇠퇴기를 인정하고 받아들여야 함2. 지속적인 input이 필요. 한가지 아이템이 아니라 점점 업그레이드를 하던지 다른것을 해야 하면서 매출을 누적하며 상승해야 함(여러 Phase)3. 새로운 매출이 나오기 전까지는 정부지원사업을 받던 융자를 받던 빈틈이 메워져있는 현실적인 재무계획 필요(앞선 계획의 일치성 심사 시 확인함)4. 사업계획서는 사람이 심사함. 어차피 자세히 안봄. 제목을 포함한 모든 문장은 쉽고 임팩트 있게(대충봐도 이해할 수 있게), 개조식 언어 사용, 텍스트보다 도형/도식화(인포그래픽화), 항목별 지향하는 부분 위..

카테고리 없음 2025.05.31

git 명령어 정리

git 명령어까먹을까봐 적어놓음 - git add: staging area에 파일 추가(commit 할 파일 대기열에 추가)git add .맨 뒤 .은 현재 디렉토리 내의 모든 파일을 추가하는 것을 의미 -git commit: 커밋하기git commit -m '메시지'-m으로 커밋 시 메시지 남기기 가능 -git status: 지금까지 변경된 파일, 스테이징된 파일을 알려줌git status -git restore: 스테이징된 파일 취소git restore --staged 파일명 -git log: 커밋 기록 보기git log --all --oneline --graph--oneline: 한 줄로 보여줌--graph: 그래프 보여줌 -git difftool: 두 파일간의 차이점 보여줌git difftool ..

개발 2024.12.31

Docker 명령어 정리

Docker를 배웠는데 명령어 자꾸 까먹을거같아서 적어놓음까먹었을때마다 자주와서 봐야지    - docker pull: 도커 이미지 다운로드docker pull 이미지명:태그명  - docker image ls: 컴퓨터 내에 다운로드한 이미지들 보기docker image ls -Dockerfile 예시FROM node:20-slim # 원본이 되는 컨테이너 imageWORKDIR /app # 컨테이너 안의 /app 폴더로 이동COPY . . # 현재 디렉토리의 내용을 작업폴더(컨테이너 안)로 가져옴 (내컴퓨터파일경로 이미지내부파일경로 순서)RUN ["npm", "install"] # npm install 명령을 실행(필요한 npm 패키지 자동으로 다운로드됨)# RUN npm install 이라고 써도 되..

개발 2024.12.31

React props 컴포넌트(함수)간 state 전달하는법

아래와 같은 상황처럼 한 컴포넌트 안에서 만든 state를 다른 컴포넌트에서 쓰고싶은 경우가 있다. 주로 한 컴포넌트 안에 있는 다른 컴포넌트에 변수를 전달해줄 때가 많다. function App() { let [list1, setList1] = useState([1,2,3]); return( ); } function Modal(){ return( {list1[0]} ); } 하지만 위와 같이 코딩하면 해당 코드는 작동하지 않는다. JavaScript 특성상 한 함수 안에서 선언된 (지역)변수는 다른 함수에서 사용할 수 없기 때문이다. 따라서 이것을 해결하기 위해 React에는 props라는 문법이 존재한다. Component 태그 안에 변수명={변수자료}와 같이 속성을 주면 이 자료들은 컴포넌트를 선언..

개발/React 2023.09.06

React 반복문으로 HTML 작성하기

https://logical02.tistory.com/32 JavaScript map 함수 array 객체 안에는 map()함수가 내장되어있다 파라미터로는 콜백함수를 사용하는데 array에 있는 자료 수 만큼 콜백함수를 반복해준다. 이 때 콜백함수에 파라미터를 넣으면 그 파라미터에 array의 logical02.tistory.com React에서 HTML안에는 중괄호를 써서 JavaScript 자료형을 쓸 수 있는데 for이나 while같은 반복문은 사용하지 못한다. 자료형만 쓸 수 있기 때문에 반복을 하고 싶을때는 array 객체 안에 있는 map()함수를 사용하여 반복한다. function App(){ return ( { [1,2,3,4].map(function(a,i){ return ( {a}번째 ..

개발/React 2023.09.05

JavaScript map 함수

array 객체 안에는 map()함수가 내장되어있다 파라미터로는 콜백함수를 사용하는데 array에 있는 자료 수 만큼 콜백함수를 반복해준다. 이 때 콜백함수에 파라미터를 넣으면 첫번째 파라미터에는 array의 자료가 반복마다 하나씩 들어가고 두번째 파라미터에는 반복횟수 숫자가 들어간다(0부터 시작) 그리고 콜백함수에서 어떤자료를 return 하면 array의 해당 반복번째 자리에 그 자료를 다시 집어넣어준다(기존 자료와 대체해줌) let array1 = [1,2,3]; let newArray = array1.map(function(a,i){ return a * (i+1); }); console.log(newArray); 위 출력 결과는 [1, 4, 9]가 출력된다.

개발/JavaScript 2023.09.05

React 동적 UI 만들기

동적인 UI 만들기 원칙 1. HTML CSS로 먼저 UI 디자인을 해놓는다. 2. UI의 현재 상태를 state로 저장해둔다. 3. state에 따라서 UI가 어떻게 보일지 조건문으로 작성한다. 아래는 Modal 컴포넌트가 있을 때 이 컴포넌트를 껐다 켰다 할 수 있는 기능을 만든 것이다. function App() { let [modalToggle, setModalToggle] = useState(false); return( 모달창 띄우기 { modalToggle == true ? : null } ); }

개발/React 2023.09.05

React 컴포넌트 Component 문법, html 치환하기

React에서는 긴 HTML을 한 단어로 치환할 수 있는 Component 문법을 제공한다 function App() { return( 123 ); } function 본문(){ return ( 제목 내용 ); } 이렇게 새로 만든 function 안에서 HTML 내용을 return 해주고 , 또는 으로 태그를 작성하면 만들어뒀던 함수안에 있던 내용들이 그 태그 안으로 들어가게 된다. Component를 만들때는 보통 작명할때 영어 대문자로 시작하는 관습이 있고, 새로 컴포넌트를 만들때는 function App() 밖에서 함수를 만들어야 한다. 또한 아래처럼 JavaScript ES6 신문법인 arrow function을 사용해도 된다. let 본문 = ()=>{ return ( HTML 본문 내용 ); }

개발/React 2023.09.04
반응형