이안의 평일코딩

위의 유데미 강의 13강 Exports와 Imports의 내용이다. default 키워드와 같이 export하는 방법과 const와 함께 export하는 경우가 있다. 이 둘의 차이점이 뭘지 고민해보자. export의 두 종류 // person.js const person = { name: 'Max' } export default person // utility.js export const clean = () => { ... } export const baseData = 10; 위와 같이 export된 경우 import 시 다르다는 것을 알게되었다. 다른 export에 따른 import 방법 먼저, default 키워드로 export된 경우이다. // app.js import person from './..

이사를 가게 되어 새로운 개발 환경구축을 위해 인터넷 및 공유기 와이파이 설치를 딜라이브를 통했다. 하지만 취약한 보안(WPA) 문제가 아이폰, 아이패드, 맥북에서 뜨게되어 애플생태계를 사용하는 이라면 필요하지 않을까 하여 글을 작성해본다. 많은 블로그들의 글을 찾아보았지만 관리자 접속부터 문제가 있었지만 해결책은 생각보다 간단했다. 해결 방법 설정의 Wi-Fi 주소를 주소창에 입력하면 들어가진다는데 나의 경우 들어가지기는 커녕 기다리다 10분을 날려먹었다. http://192.168.200.254:8080/ 위의 주소로 들어가면 DLive의 Netis 공유기 관리자모드로 들어가진다. 위의 사진처럼 사용자 계정에는 admin을 사용자 암호에는 admin + 공유기 MAC주소의 뒤 4자리를 넣어서 로그인 ..

VSCode로 주구장창 작업을 하다 회사에서 WebStorm을 쓰게되어 VSCode와는 단축키가 다르다는 것을 깨닫고 정리를 해보았다. 단축키 정보는 Mac 기준이며, 해당하는 키 심볼은 아래를 참고해주세요. 🍎 ⌘ : Command / ⇧ : Shift / ⌥ : Option / ⌃ : Control / ↵ : Enter, Return / ⇥ : Tab ⇧⇧ : 전체 검색 ⌘ + ⇧ + A : 액션 검색 ⌘ + ⇧ + F : 파일 검색 ⌘ + 1 : 메뉴로 이동 ⌘ + 2 : 북마크 ⌘ + 9 : Git 로그 확인 ⌘ + 0 : Git 커밋 ⌘ + T : Project 업데이트(Pull) ⌘ + , : 환경설정(Preference) 열기 ⌘ + ⇧ + [ ] (좌우) : 탭 위치 좌우로 이동 ⌘ + [..

스마트커밋을 이용하기 위해서는 git comment에서 commit시에 #comment 를 추가해주면 된다. #comment #comment 스마트커밋 테스트 https://support.atlassian.com/bitbucket-cloud/docs/use-smart-commits/ Use Smart Commits | Bitbucket Cloud | Atlassian Support If you manage your project's repositories in Bitbucket or GitHub, or use Fisheye to browse and search your repositories, you can enable and use smart commits. support.atlassian.com 만약..

warning: LF will be replaced by CRLF in ~~~ The file will have its original line endings in your working directory 프로젝트를 셋업하면서 git과 연동하기 위해 git add를 한 순간 터미널에서 위와 같은 오류가 발생했다. 해결방법 LF(Line Feed), CRLF(Carriage Return + Line Feed)는 운영체제마다 줄바꿈의 방향이 다르기 때문에 나는 오류이다. // 윈도우 사용자 git config --global core.autocrlf true // 리눅스, 맥 사용자 git config --global core.autocrlf input 위와같이 운영체제에 따라 터미널에 입력하면 해결할 수 ..

그래프를 탐색하는 방법에는 DFS(Depth First Search: 깊이 우선 탐색)과 BFS(Breadth First Search: 넓이 우선 탐색) 두 가지가 있다. DFS는 루트노드에서 시작해 다음 분기로 넘어가기 전 해당 분기를 완벽하게 탐색하는 방식을 말한다. BFS는 루트노드에서 시작해 인접한 노드를 먼저 탐색하는 방식으로 시작 정점으로부터 가까운 정점을 먼저 방문하고 멀리 떨어져 있는 정점을 나중에 방문하는 순회 방법이다. 모든 노드를 방문하고자 하는 경우에는 DFS를 가까운 노드부터 탐색하기 위해서는 BFS를 사용한다. 검색 속도 자체는 BFS가 빠르지만 DFS가 더 간단하다. 검색 대상 그래프가 크거나 경로의 특징을 저장해둬야 하는 문제는 DFS를, 검색 대상의 규모가 크지 않고 최단거..

그래프는 인접행렬(adjacency matrix) 혹은 인접리스트(adjacency list)로 표현한다. 노드 갯수가 적을 때는 인접행렬로도 충분하지만 노드 수가 많아지면 인접리스트를 이용하는게 효율이 좋다. (시간복잡도가 훨씬 줄어든다.) 인접행렬은 node와 edge의 정보를 행렬로 표현하는 방법으로, edge와 상관없이 모든 node를 표현해야 하기 때문에 node의 수가 많을수록 메모리 사용량이 늘어난다. (node의 개수만큼 반복문을 돌아야 하기 때문) 인접리스트는 node와 edge의 정보를 리스트로 표현하는 방법으로, 연결된 것만 표시하므로 인접행렬에 비해 간단하다. // 인접행렬 function solution(n, arr) { let answer = 0; let graph = Array..

방향 그래프(directed graph)와 무방향 그래프(undirected graph)는 이동방향의 유무 차이로 구분한다. 방향 그래프는 이동할 수 있는 방향이 정해져있고 무방향은 명칭대로 방향이 없어 양쪽 다 가능하다. // 방향 그래프 let arr = [[1, 2],[1, 3],[1, 4],[2, 1],[2, 3],[2, 5],[3, 4],[4, 2],[4, 5]]; let graph = Array.from(Array(n + 1), () => Array(n + 1).fill(0)); for (let [a, b] of arr) { // arr 값 1개 씩 탐색 graph[a][b] = 1; // 방향 그래프에서 graph arr 에 1로 체크 } // 1로 체크되어 있으면 갈 수 있는 방향인 것 /..