본문 바로가기

공부46

공부, 계획과 메타 인지 공부 카테고리에 넣었지만 사실 공부라기보다 내 생각을 정리하고 의견을 표현하는 글이다. (여담이지만 나는 유튜브를 많이 본다. 공부보다 재밌다.) 원래는 "통제할 수 있는 것과 통제할 수 없는 것"이라는 제목과 내용으로 글을 쓰려고 했다. 통제할 수 있는 것에 집중하라는 말은 멘토님이 말씀해 주셨던 내용이다. 그때 이야기의 맥락은 외주 디자이너를 구할 때 크몽(외주 플랫폼)에 올려놓은 뒤 가만히 기다리는 것이 아니라 더 다양한 플랫폼에서 구해보고, 내가 연락할 수 있는 인맥 등을 활용해서 디자이너에게 먼저 연락도 해 보라는 것이었다. 여기서 통제할 수 없는 것은 디자이너가 먼저 나에게 연락을 취하는 것이고, 통제할 수 있는 것은 내가 먼저 디자이너와 컨텍하는 것이다. 이때의 문제가 외주 디자이너를 구하는.. 2021. 12. 23.
github + slack 연동하기 (webhook) 1. 채널 우클릭 후 채널 세부정보 열기 2. 통합 - 앱 추가 3. GitHub 추가 incomming webhooks 를 추가하면 github webhook 에서 보내는 reqeust body 와 incomming webhooks 의 required body 가 달라서 400 에러가 난다. 4. 채팅 명령어 /github subscribe owner/repository 입력 5. 다시 채널 세부정보에서 GitHub 앱 추가 2021. 12. 3.
GitHub + Slack Webhook 400 오류 문제 Last delivery was not successful, Invalid HTTP Response: 400. 슬랙 채널의 webhook 을 깃허브 webhook 과 연결할 경우 400 에러 response missing_text_or_fallback_or_attachments 원인 slack webhook 은 request 할 때 json body 에 text 필드를 통해 메시지를 보내야하는데, github webhook 에서 보내는 reqeust 에는 text 가 포함되지 않는다. 해결 : github + slack 연동하기 (webhook) 2021. 12. 3.
09.28. react-player, useRef, axios file, postman array 웹 기반 동영상 플레이어 : https://www.npmjs.com/package/react-player React useRef 사용 : useRef 반환 값을 담은 player 변수를 컴포넌트의 ref 프롭스에 넘겨주면, player.current 를 이용해 컴포넌트를 사용할 수 있다. const player = useRef(null); const onSeek = (seconds) => { player.current.seekTo(seconds, "seconds"); }; return ( ... ... ); axios 에서 파일 보내기 const onOk = () => { const formBody = new FormData(); const file = document.querySelector("#fil.. 2021. 9. 29.
한 번에 끝내는 Git 사용법 - 이론편 이 글을 읽기 전에 한 번에 끝내는 Git 사용법 - 실전편 (feat. GitHub) 내용을 먼저 숙지하고 있어야 합니다. 23-08-29 : git switch 명령어에 대한 부연 설명이 추가되었습니다. git add git commit 은 Staged 된 파일들만 커밋한다. Git repository 에서 파일들의 상태에 대해 알아보자. Untracked → Staged Git repository 에 있는 파일들은 네 가지 상태로 나눌 수 있다. Untracked, Unmodified, Modified, Staged. Untracked 를 제외하고는 다 추적되고 있는 파일들이다. Untracked 상태에 있는 파일들은 Git 기록이 남지 않는다. Untracked 인 파일을 추적하도록 만들려면 다음.. 2021. 9. 25.
한 번에 끝내는 Git 사용법 (feat. GitHub) - 실전편 대상 : Git 을 모른다. 목표 : 토이 프로젝트에 Git 사용 가능 VCS : Version Control System VCS 종류 : Git, Subversion, ... VCS 는 버전 관리 시스템이고 그 중 가장 많이 쓰이는 것이 Git 이다. 다음 두 가지 경우에 유용하게 사용할 수 있다. 중간 저장 : 현재 상태를 저장한다. 언제든지 현재 상태로 되돌아올 수 있다. 협업 : 다른 사람의 코드를 카카오톡을 통해서 보내지 않아도 된다. 같은 파일을 수정해도 건드린 부분만 확인할 수 있다. Git 을 사용하기 전 - 3분 (각 컴퓨터에 최초 한 번) 1. Git 설치 Git 을 사용하기 위해서는 Git 을 설치해야 한다. https://git-scm.com/downloads 2. Contribut.. 2021. 9. 25.
이번 프로젝트 하면서 발생한 아무거나 역할 : Front-End (React) 개발 Front-End 역할을 맡았지만, React 를 아예 모르는 상태로 시작했다. 아예 모른다기엔 해커톤 전에 한 3일 정도 공부한 이력이 있긴 하지만... 3일은 무에서 시작한 거 아닐까? 기존에 HTML, CSS 는 조금 알고 있었다. 그렇지만 웹 개발을 주로 해온 것은 아니기 때문에 교육비로 CSS 를 신청해서 들었다. CSS 는 근본이 없기 때문에 좀 더 확실히 알아둬야 했다. 처음으로 피그마로 와이어 프레임, 디스크립션 작성하고 디자인 외주 넣었다.(약 15 페이지, 간단한 페이지가 많음) 결과 받자마자 2~3일만에 CSS 작업 끝냈지만 해상도 대응은 안 된다. 나중에 리팩터링 해야겠다. nginx 와 개인 AWS EC2 이용해서 React 서버를 배.. 2021. 8. 7.
[운영체제] 후기 강의는 좋았다. 비대면이라 영상을 여러 번 볼 수 있었던 것도 좋았다. 시험 외 채점 요소는 숙제, 프로젝트, 발표가 있었다. 숙제는 3개가 나왔는데 부담이 적은 수준이다. 발표는 프로젝트와 관련된 내용으로, 같은 수업을 듣는 사람들이 프로젝트할 때 참고할 수 있도록 발표하면 된다. 즉, 프로젝트 내용을 먼저 살펴보고 이 프로젝트를 구현하는데 필요한 내용만 발표하면 된다. 프로젝트가 무엇이 나왔는지는 안 보고 발표 내용에만 집중해서 엉뚱한 내용을 발표하는 경우도 더러 있었다. 프로젝트는 내가 스스로 할 수 있는 범위를 벗어났다. 실행 환경이 교수님과 같다는 보장과 적절한 IDE 를 사용했다면 좀 더 나았을 지도... 나는 데스크톱과 노트북이 있는데 데스크톱에서 virtual box 실행이 안 돼서 노트북.. 2021. 6. 24.
[운영체제] SSD (Solid State Drive) SSD 는 SamSung Drive 의 약자이다. 구라다. Solid State Drive 인데, HDD 가 Disk 여서 끝에 D 를 Disk 로 오해하는 경우가 있다. 하지만 SSD 에는 disk 가 없다. HDD 의 기계적인 부품들 때문에 고장이 잦고, 느리고, 전력 소모가 심하다. 모바일 환경에선 배터리 소모율에도 영향이 있기 때문에 부적합하다. 하드디스크의 물리적인 부분을 제거하면 전력 문제와 속도 문제를 해결할 수 있지 않을까? 이것이 SSD 이다. NOR flash memory : ram 처럼 random access 가 가능하다. 주로 bios 에 사용된다. NAND flash memory : disk 처럼 block 단위로 접근할 수 있다. HDD 대신 사용된다. SSD 에는 Disk 가.. 2021. 6. 7.