| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
- docker
- AWS
- 솔리디티
- 웹
- es6
- TypeScript
- 컴퓨터공학
- 백엔드
- 이더리움
- 가상화
- 프론트엔드
- kubernetes
- 자바스크립트
- 타입스크립트
- JavaScript
- 백준
- VUE
- 클라우드
- 쿠버네티스
- BFS
- k8s
- 리액트
- 이슈
- CSS
- next.js
- 블록체인
- react
- HTML
- 알고리즘
- 파이썬
- Today
- Total
목록📖 전체 글 (255)
즐겁게, 코드
[백준 온라인 저지 링크] 2667번: 단지번호붙이기 과 같이 정사각형 모양의 지도가 있다. 1은 집이 있는 곳을, 0은 집이 없는 곳을 나타낸다. 철수는 이 지도를 가지고 연결된 집의 모임인 단지를 정의하고, 단지에 번호를 붙이려 한다. 여 www.acmicpc.net 분명 테케는 통과했고 코드에도 문제가 없는데 계속 틀려 의아했다. 원인은 바로 탐색을 시작하는 첫 번째 노드를 방문했다고 체크하지 않아서였는데, 다행히도 금방 실수를 캐치할 수 있었다. 탐색을 시작하는 첫 번째 노드도 방문했음을 체크해주는걸 잊지 말고... 타입 캐스팅을 좀 더 세련되게 하는 방법이나 찾아봐야겠다 @__@ [정답 코드 - Python] from collections import deque T = int(input()) b..
가끔씩 다른 사이트들을 돌아다니다 보면 "이건 무슨 기술로 만들어졌을까?" 하는 호기심이 생길 때가 있을 것입니다. 오늘은 사이트를 구축한 기술 스택을 확인할 수 있는 서비스인 Wappalyzer 를 소개하려 합니다. www.wappalyzer.com/ Technology lookup - Wappalyzer Wappalyzer is trusted by thousands of professionals world-wide www.wappalyzer.com Wappalyzer는 한달의 50개의 사이트를 무료로 확인할 수 있으며 어떤 기술이 어떤 역할로 사용되었는지 구체적으로 알려주는데요, 예를 들어 개츠비와 리액트로 제작한 제 이전 블로그를 확인해 보면 이런 분석 결과를 얻을 수 있습니다. 신기하지 않나요? ..
타입스크립트 코드를 트랜스파일하기 위해서는 tsc 커맨드를 사용합니다. // index.ts const name: string = "chanmin"; $ tsc index.ts // index.js var name = "chanmin"; 다만 위의 트랜스파일 결과물은 var 키워드를 사용하는 구버전 자바스크립트 코드입니다. 어떻게 하면 이 끔찍한 var 에서 벗어날 수 있을까요? ⚙️ tsconfig 설정 타입스크립트를 조금 잘 아는 분이시라면 tsconfig 파일에서 타겟 옵션을 지정할 수 있다는 것도 알고 계실 겁니다. // tsconfig.json { "compilerOptions": { /* Visit https://aka.ms/tsconfig.json to read more about this ..
타입스크립트에서 원시 타입 외에 참조 타입을 사용하는 방법에 대해 알아보겠습니다. 🏗 배열(Array) const array1: number[] = [1, 2, 3, 4, 5]; const array2: Array = [1, 2, 3, 4, 5]; 배열 타입을 사용하는 방법은 두 가지가 있는데, 기능적인 차이는 없으니 눈에 익은 스타일 또는 팀 컨벤션대로 사용하면 됩니다. 🛢 튜플(Tuple) const pointX: [string, number] = ["x", 255]; const pointY: [string, number] = ["y", 0]; // 트랜스파일 결과 const pointX = ["x", 255]; const pointY = ["y", 0]; 튜플은 배열과 유사하게 생겼지만 배열과는 달..
특이한 점은 없는 탐색 문제다. 오랜만에 푸는 탐색 문제다 보니 DFS 코드를 어떻게 구현할지 고민을 많이 했었는데, 그래도 감을 더듬어가며 코드를 짜니 금방 풀렸다. [정답 코드 - Python] T = int(input()) dy = [1, 0, -1, 0] dx = [0, 1, 0, -1] def DFS(row, col, visited): for i in range(4): new_row = row + dy[i] new_col = col + dx[i] if field[new_row][new_col] == 1 and visited[new_row][new_col] == False: visited[new_row][new_col] = True DFS(new_row, new_col, visited) for _..
[백준 온라인 저지 - 문제 링크] 아이디어도 아이디어지만, 은근히 구현이 어렵게 느껴진 문제였습니다. [정답 코드 - Python] N = int(input()) t = [0] for i in range(N): t.append(list(map(int, input().split()))) for i in reversed(range(N)): for j in range(i): t[i][j] = t[i][j] + max(t[i + 1][j], t[i + 1][j + 1]) print(*t[1]) 풀이는 아이패드 구입 후 조만간 업데이트하도록 하겠습니다..
// utils.js const sayHello = () => { console.log("안녕하세요!"); }; const sayNothing = () => { console.log("..."); }; export { sayHello, sayNothing }; import { sayHello, sayNothing } from "./utils.js" 자주 보셨을 import-export 구문입니다. 그런데 조건에 따라 모듈을 불러오는 것도 가능할까요? // Error!!! if(person === "friend") { import { sayHello } from "./utils.js"; sayHello(); } else if(person === "professor") { import { sayNothing..