문제 상황 평소처럼 공부한 내용을 github에 푸시하고 난 뒤에 메일 하나가 왔다. 내 mongo DB URL 이 노출되었다는 메일이었다. gitGurardian이란 별도의 보안 서비스 업체에서 홍보를 겸한 경고 메일이었다. 처음에 git을 공부하면서 gitignore이란 게 있구나~ 한 적이 있는데 이런 상황이 닥치니 gitignore을 이용한 뭔가가 있겠거니 싶어 또 폭풍 구글 서치.. 보통 API키나 ID, PW와 같은 기밀 정보를 오픈소스에 올리면 보안 유출 위험이 크므로 보안사항들은 환경변수로 따로 저장해 그 파일은 github에 올라가지 않도록 하는 과정이 필요하다. 과정 중 여러 방법이 있었는데 나는 그중 가장 설정하기 편리하고 뭔가 안전해 보이는(?) dotenv를 설치하여 해결해보려 한..
Problem 파이썬을 공부하면서 Flask라는 프레임워크를 설치하고 5000 포트에 연결하는데, 이미 연결되어 연결이 되지 않는다는 오류가 나왔다. if __name__ == '__main__': app.run('0.0.0.0', port=5000, debug=True) OSError: [Errno 48] Address already in use error 문구 그대로 이미 5000port를 사용하고 있다는 뜻이다. 가장 간단한 방법으로는 터미널에서 해당포트와 연결되어 있는 프로세스를 끊어주는 것이다. 이는 터미널에서 'kill'이라는 명령어를 사용해 쓸 수 있다. 혹시 이 방법도 시도를 안해봤다면 자세한 방법은 아래에 적어놓을 테니 먼저 시도해보시길.. 하지만 나의 경우 이 방법으로 끊어도 다시 자동..
노마드코더 바닐라 js 마지막 챌린지 제출 완료 Momentum Web https://algoroots.github.io/Momentum_Web/ github link https://github.com/AlgoRoots/Momentum_Web 총 3일의 충분한 시간이 주어졌지만, 몸이 좋지 않아 금요일 까지 피그마로 디자인을 마친 후 코딩작업은 일요일에시작했다..월요일 아침 6시까지 제출이었는데, 늦게 시작한 덕에 밤을 새버렸다. 노마드코더 강의안에 있는 내용도 물론 적용했지만, 뭔가 나만의 즐겨찾기 웹페이지를 시각화하고 싶어서 꼭 필요한 것만 가져왔다. (playlist, todolist, bookmarks, analog clock 등 추가) Music playlist를 만드는 과정에서 시간이 많이 지..
To Do List 를 만드는 과정에서 추가된 list들을 로컬스토리지에 저장하는 과정이다. 이 과정에서 우리가 꼭 해줘야할 과정이 있다. - 간략 설명 - 로컬스토리지(local storage)와 서버에 저장을 할 때 오직 문자열(string)형태로 저장이 된다. 이는 배열이나 객체형태로 저장이 되지 않는다는 뜻이다. 하지만 우리는 대부분의 경우 객체, 배열(array)의 각각 item을 가지고 활용하는 경우가 많다. 그 각각의 item 에 대해 function을 실행하는 경우도 많다. 그렇기 때문에 문자열만으로 저장된 저장소안에서 객체로 바꿔주는 과정이 필요하다. 이 때 로컬스토리지나 서버의 문자열을 JSON.stringify로 array(배열)처럼 생긴 string(문자열)으로 저장을 해준 후 다..
오늘 내일 14년지기 친구들과 여행을 간다. 가기 전에 노마드코더 챌린지를 하고, 어제 하지 못했던 알고리즘 문제들을 깃헙에 push하려고 새벽 5시에 일어났다.. 그런데 깃헙에 push하고 contribution 그래프를 가만보니 레파지토리 생성 이후로 수정사항이 생길 때마다 그간 commit 해왔던 것들이 전부 업데이트가 되지 않고 있는 걸 알아챘다. 늦기전에 알아서 참 다행이다. 그래프에 업데이트가 안되는 이유는 여러가지가 있었다. contribution 그래프 반영이 안되는 이유 Github 공식 홈페이지 번역 커밋할때 사용한 이메일 주소(local repository의 user.email)가 github계정의 이메일 주소와 같아야 합니다. fork를한 commit은 적용되지 않고 독립적인 rep..
오늘의 백준 문제는 4673번이다. 이런식의 문제를 푸는 로직에서 종종 막혔던 것 같아 정리해보고자 한다. 두가지 풀이법을 보았는데 1번 풀이는 처음부터 접근하면서 푸는 풀이법이라 이해하는데 있어서 수월했고, 2번 풀이는 1번보다 직관적이고 깔끔한 풀이법인 것 같다. 이번에는 console.log()를 단계별로 출력해보며 누구나 100%이해할 수 있는 풀이법을 적고자 한다. Answer 1. * 정수 n은 1부터 10000까지의 숫자이나, 필자는 콘솔로 출력하기에는 숫자가 너무 많아 임시로 n 의 범위를 10까지로 하고 풀어보았다 . 백준 문제 답안 제출할 때는 i
요즘 노마드 코더로 챌린지를 하면서 백준 문제를 풀고 있다. (푼 문제들은 깃헙에 올린다. https://github.com/AlgoRoots) 어차피 몇 번 더 풀어볼 생각이라 깃 헙에만 올리고 따로 적지는 않으려고 했는데 그날 푼 문제 중 가장 나에게 유용했던 혹은 새로운 것을 많이 알았던 문제는 정리 겸 올리기로 했다. 오늘의 문제는 4344번이다. 문제 대학생 새내기들의 90%는 자신이 반에서 평균은 넘는다고 생각한다. 당신은 그들에게 슬픈 진실을 알려줘야 한다. 입력 첫째 줄에는 테스트 케이스의 개수 C가 주어진다. 둘째 줄부터 각 테스트 케이스마다 학생의 수 N(1 ≤ N ≤ 1000, N은 정수)이 첫 수로 주어지고, 이어서 N명의 점수가 주어진다. 점수는 0보다 크거나 같고, 100보다 작..
엘리님의 브라우저 101이라는 강의를 듣고 있다. 사실 직접해보는 시간을 가지고, 또 강의를 듣는 과정을 반복하니 어려웠던 함수를 선언하고 호출하는 것도 '아 이거구나!' 하는 순간이 왔다. 하지만 class를 이용해 리펙토링하는 과정에서 정말 너무 부족함을 깨달았다. 그 전과는 다른 어려움이랄까.. 항상 하루에 드는 깨달음이 있으면 글을 적는 편인데, 이번에는 그런게 없었고, 계속 '왜 그런 거지?'라는 의문이 들었다. 유튜브에 있는 class와 콜백 함수와 관련해 있는 강의는 다 보았다. 봐도 좀 어려웠지만, 반복해서 보니 이해가 좀 되는 것 같다 싶어 다시 강의를 보면 '왜?'라는 생각이 들었다. 그리고 다시 유투브강의들을 보고, 문법책도 보았다. 주말에 약속이있어 약속 장소를 가는 버스에서도, 자..
- Total
- Today
- Yesterday
- GIT
- 타입스크립트
- 자바스크립트 클로저
- 자바스크립트
- reactquery
- html
- React
- 파이썬알고리즘
- 프로그래머스 자바스크립트
- github
- css
- 모두를위한컴퓨터과학
- 리액트네이티브
- 자바스크립트알고리즘
- python
- 모두를 위한 컴퓨터 과학
- 네트워크
- 백준
- 실전프로젝트
- 무한스크롤
- cs50
- 프로그래머스 베스트앨범 자바스크립트
- 알고리즘자바스크립트
- network
- 자바스크립트 비동기 처리
- 리액트
- 클로저
- javascript
- 프로그래머스
- 항해99
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |