반응형

전체 글 37

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

12월 3일 비상계엄 선포, 비상계엄 선포 시 달라지는 점

12월 3일 비상계엄 선포, 국민의 일상에 미치는 변화2024년 12월 3일 밤, 윤석열 대통령은 긴급 대국민 담화를 통해 비상계엄을 선포했습니다. 이는 45년 만에 내려진 조치로, 대한민국 헌정사에서 극히 이례적인 일입니다. 이번 선포의 이유와 비상계엄이 국민의 일상에 미칠 영향을 알아보겠습니다.비상계엄 선포 배경윤 대통령은 국회와 사법부가 마비되고 행정부의 기능마저 위협받는 상황에서 국가의 정상화를 위해 비상계엄을 선포했다고 밝혔습니다.대통령은 "입법 독재와 반국가 행위가 대한민국의 안전과 자유민주주의 체제를 위협하고 있다"며, 반국가 세력을 척결하기 위한 불가피한 조치임을 강조했습니다. 특히, 주요 예산 삭감과 사법부 겁박, 행정부 마비 시도를 지적하며 이번 사태를 "헌정질서를 파괴하는 내란에 준하..

카테고리 없음 2024.12.03

행사를 운영하면서 느낀 것

우리는 중고등학생과 대학생 멘토들을 연결해주는 프로그램을 기획하고 홍보했다. 선요약) - 행사에서 다수에게 무언가 행동을 요구할 때는 기한을 정해놓아야 한다. - 사람들은 바빠서 잘 까먹기 때문에 가능하다면 자주 리마인드를 해주어야 한다. - 사람들이 전부 특정 이벤트에 참가할 것이라는 기대를 해서는 안된다. - 모두가 빠릿빠릿하게 나를 잘 따라주지는 않는다. - 사람들은 어쩌면 많은 정보보다 빨리 보면서 넘길 수 있는 요약을 더 좋아한다. 예컨대 영상보다는 pdf자료를 더욱 선호하기도 한다. 프로그램에는 총 28명이 지원했고, 27명에게 합격 문자와 함께 오픈채팅방에 입장해달라는 내용과 부모님 동의 구글 폼을 작성해달라는 안내 문자를 보냈다. 그러나 문자를 보내고 한참이 지나도록 오픈채팅방은 27명 중..

카테고리 없음 2024.11.11

행사를 기획하고 홍보하면서 느낀 것

자기가 얻은건 금방 까먹기때문에 어딘가에 적어놓고 봐야 한다. 그러지 않으면 1년이 되었든 3년이 되었든 5년이 되었든 무언가 열심히는 했는데 남은게 없다는걸 깨닿게 되면서 뒤늦게 후회한다. 이전에 창업 멘토링을 받으면서 들은 말이다. 그래서 나도 내가 지금 학교 선배와 같이 에듀테크 어플리케이션 창업을 준비하면서 얻고있는것들을 기록해야겠다는 생각을 했다. 사실 내가 창업에 뛰어든건 2년 조금 못되었다. 되돌아보면 위의 언급했던 ’무언가 열심히는 했는데 남은게 없다‘는 상황에 절반정도 부합하는것 같다. 이제서야 기록의 중요성을 깨닿기 시작했으니... 그 동안 얻은 인사이트들을 기록하지 못해 반 이상 잊어버렸다는게 조금 분하기도 하다. 아무튼 오늘은 행사를 기획하고 운영하면서 느낀 점을 작성하려 한다. 선..

카테고리 없음 2024.11.11

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
반응형