Taesung Lee님 글 목록 - mysetting

Taesung Lee

Korea

Joined on 2021년 06월 26일

4:39 6/26

velog.io

mobile screenshot relative

4:39

velog.io

mobile screenshot

2taesung.log
https://velog.io/@2taesung

창의적인 개발자가 되고싶습니다.

저작도구: velog

최종 피드 수집: 2025-05-05 21:45

전체 (199)

1y

SSAFY 12기 신청 공고

SSAFY 12기 모집이 5월 7일로 마감이 된다.
자격 요건을 확인해 소프트웨어 엔지니어 교육을 받고 싶다면 지원 강력 추천한다.
무려 매달 100만원의 지원금.

001

1y

5월 2주차 주간회고

회고 양식
아래의 링크 자료를 참고했습니다.
https://ssgi.notion.site/623e54af04f34bc883f241dcab4a843d
잘한 것은 무엇인가?
잘못한 것은 무엇인가?
무엇을 배웠는가?
해결해야할 문제/남

002

1y

5월 1주차 주간회고

회고 양식
아래의 링크 자료를 참고했습니다.
https://ssgi.notion.site/623e54af04f34bc883f241dcab4a843d
잘한 것은 무엇인가?
잘못한 것은 무엇인가?
무엇을 배웠는가?
해결해야할 문제/남

002

2y

4월 5주차 주간회고

회고 양식
아래의 링크 자료를 참고했습니다.
https://ssgi.notion.site/623e54af04f34bc883f241dcab4a843d
잘한 것은 무엇인가?
잘못한 것은 무엇인가?
무엇을 배웠는가?
해결해야할 문제/남

006

2y

4월 4주차 주간회고

회고 양식
아래의 링크 자료를 참고했습니다.
https://ssgi.notion.site/623e54af04f34bc883f241dcab4a843d
잘한 것은 무엇인가?
잘못한 것은 무엇인가?
무엇을 배웠는가?
해결해야할 문제/남

001

2y

4월 3주차 주간회고

회고 양식
아래의 링크 자료를 참고했습니다.
https://ssgi.notion.site/623e54af04f34bc883f241dcab4a843d
잘한 것은 무엇인가?
잘못한 것은 무엇인가?
무엇을 배웠는가?
해결해야할 문제/남

001

2y

4월 2주차 주간회고

회고 양식
아래의 링크 자료를 참고했습니다.
https://ssgi.notion.site/623e54af04f34bc883f241dcab4a843d
잘한 것은 무엇인가?
잘못한 것은 무엇인가?
무엇을 배웠는가?
해결해야할 문제/남

001

2y

3월 4주차 주간회고

회고 양식
아래의 링크 자료를 참고했습니다.
https://ssgi.notion.site/623e54af04f34bc883f241dcab4a843d
잘한 것은 무엇인가?
잘못한 것은 무엇인가?
무엇을 배웠는가?
해결해야할 문제/남

001

2y

3월 3주차 주간회고

회고 양식
아래의 링크 자료를 참고했습니다.
https://ssgi.notion.site/623e54af04f34bc883f241dcab4a843d
잘한 것은 무엇인가?
잘못한 것은 무엇인가?
무엇을 배웠는가?
해결해야할 문제/남

002

2y

3월 2주차 주간회고

회고 양식
아래의 링크 자료를 참고했습니다.
https://ssgi.notion.site/623e54af04f34bc883f241dcab4a843d
잘한 것은 무엇인가?
잘못한 것은 무엇인가?
무엇을 배웠는가?
해결해야할 문제/남

001

2y

3월 1주차 주간회고

회고 양식
아래의 링크 자료를 참고했습니다.
https://ssgi.notion.site/623e54af04f34bc883f241dcab4a843d
잘한 것은 무엇인가?
잘못한 것은 무엇인가?
무엇을 배웠는가?
해결해야할 문제/남

001

2y

React.js PWA

리엑트 앱 시작할 때 PWA 전용 앱 환경을 생성해야함
기존 앱을 PWA로 바꾸려면 src폴더 전체를 복붙하고
index.js 파일은 바뀌는게 좀 있어서 잘 고려해야함.
또 라이브러리들을 설치했던거 똑같이 설치(ex, route

000

2y

2월 4주차 주간회고

회고 양식
아래의 링크 자료를 참고했습니다.
https://ssgi.notion.site/623e54af04f34bc883f241dcab4a843d
잘한 것은 무엇인가?
잘못한 것은 무엇인가?
무엇을 배웠는가?
해결해야할 문제/남

000

2y

2월 3주차 주간회고

회고 양식
아래의 링크 자료를 참고했습니다.
https://ssgi.notion.site/623e54af04f34bc883f241dcab4a843d
잘한 것은 무엇인가?
잘못한 것은 무엇인가?
무엇을 배웠는가?
해결해야할 문제/남

002

2y

2월 2주차 주간회고

회고 양식
아래의 링크 자료를 참고했습니다.
https://ssgi.notion.site/623e54af04f34bc883f241dcab4a843d
잘한 것은 무엇인가?
잘못한 것은 무엇인가?
무엇을 배웠는가?
해결해야할 문제/남

001

2y

2월 1주차 주간회고

회고 양식
아래의 링크 자료를 참고했습니다.
https://ssgi.notion.site/623e54af04f34bc883f241dcab4a843d
잘한 것은 무엇인가?
잘못한 것은 무엇인가?
무엇을 배웠는가?
해결해야할 문제/남

001

2y

getStaticProps

인프런 박용주 님의 'Next.js 시작하기(feat. 지도 서비스 개발)' 강의를 들으며 공부한 내용들을 참고했습니다.
1. Next.js 공식문서의 getStaticProps
https://nextjs.org/docs/basi

000

2y

함수형 프로그래밍과 JavaScript ES6+ (6) - go

인프런 유인동님의 '함수형 프로그래밍과 JavaScript ES6+' 강의를 들으며 정리 및 공부한 내용입니다.
go([0,
a => a + 1,
a => a + 10,
a => a + 100,
log);
=> 먼저

002

2y

JS로 코테보기

최근 js로 코테를 참여하면서 다수(?) 탈락을 경험했다. 분명 수시 채용의 코테는 난이도가 쉽다던데 개인적인 체감상 쉽지 않았다. (쉬웠던 때는 또 쉬웠던 대로 탈락함..) 아무튼 이 결과의 원흉을 js이지 않을까 싶어 심각하게

000

2y

함수형 프로그래밍과 JavaScript ES6+ (5) - mfr

인프런 유인동님의 '함수형 프로그래밍과 JavaScript ES6+' 강의를 들으며 정리 및 공부한 내용입니다.
아래는 예시로 활용하는 지금까지 구현한 map, filter, reduce 함수
const log = console.

000

2y

Next.js 개발환경 셋팅하기

인프런 박용주 님의 'Next.js 시작하기(feat. 지도 서비스 개발)' 강의를 들으며 공부한 내용들을 참고했습니다.
create next app (with ts) 설치
npx create-next-app@latest --ty

003

2y

함수형 프로그래밍과 JavaScript ES6+ (4) - reduce

인프런 유인동님의 '함수형 프로그래밍과 JavaScript ES6+' 강의를 들으며 정리 및 공부한 내용입니다.
지금까지 배운 내용들을 실습(적용)해볼 수 있는 대표적인 함수들로 map, filter, reduce가 있음.
이중

000

2y

함수형 프로그래밍과 JavaScript ES6+ (3)

인프런 유인동님의 '함수형 프로그래밍과 JavaScript ES6+' 강의를 들으며 정리 및 공부한 내용입니다.
generator
암기
제너레이터: 이터레이터이자 이터러블을 생성하는 함수
iterator, next, return

000

2y

함수형 프로그래밍과 JavaScript ES6+ (2)

인프런 유인동님의 '함수형 프로그래밍과 JavaScript ES6+' 강의를 들으며 정리 및 공부한 내용입니다.
Symbol 원본을 건드리지 않고 해당 속성을 숨겨놓을 수 있음
symbol을 알고 있었지만 다시한번 공부하자
htt

000

2y

함수형 프로그래밍과 JavaScript ES6+ (1)

인프런 유인동님의 '함수형 프로그래밍과 JavaScript ES6+' 강의를 들으며 정리 및 공부한 내용입니다.
for of 문은 이전 사용하던 for 문과 메커니즘이 다름
for of 로 map과 set은 순회가 array처럼

000

2y

배열 문제 유형 - 누적합

https://youtu.be/906Kko5nZhE
https://m.blog.naver.com/PostView.naver?blogId=jhc9639&logNo=222283814653&referrerCode=0&searchKeyw

000

2y

2년차 커리어 방향성을 다짐하며

최근 회사 개발팀에 큰 태풍이 있었다. 현재는 다행히 이전과 같은 모양새를 되찾게 되었지만 이 사건들을 통해 안일하게 살고 있던 내게 큰 영향을 주게 되었다. 그래서 이 게시글을 작성하며 내가 내 미래를 위해 취해야할 태도 등을

000

2y

부분집합

코딩테스트를 보다가 부분집합에 대한 문제가 나왔다.
이제 문제 자체에 답변을 내는건 가능한데 꼭 효율성 문제가 내 발목을 잡고 있다.
내가 부분 집합을 구현했던 방법은 recursion을 활용했던 방법으로 js 엔진이 1만개 정

002

2y

소수구하기

해당 내용은 프로그래머스 코딩테스트 광탈 방지 A to Z : JavaScript 강의를 공부하며 정리한 내용입니다.
방법 1. 1~부터 일일히 나누기
시간 복잡도 : O(n)
가장 비효율적인 방법, 코테에서 쓰지 않을것
방법 2

000

2y

이진탐색(파라메트릭 서치)

해당 내용은 프로그래머스 코딩테스트 광탈 방지 A to Z : JavaScript 강의를 공부하며 정리한 내용입니다.
이진탐색
1-1 이진탐색 배열
정렬 되어있는 요소들을 반씩 제외하며 찾는 알고리즘
O(log n)만큼 시간복잡도

000

2y

BFS, DFS

해당 내용은 프로그래머스 코딩테스트 광탈 방지 A to Z : JavaScript 강의를 공부하며 정리한 내용입니다.
BFS, DFS란?
BFS : 너비 우선 탐색
DFS: 깊이 우선 탐색
특징
BFS
Queue를 이용하여 구현할

000

2y

그리디

해당 내용은 프로그래머스 코딩테스트 광탈 방지 A to Z : JavaScript 강의를 공부하며 정리한 내용입니다.
1. 그리디란?
매 선택에서 지금 이 순간 가장 최적인 답을 선택하는 알고리즘. 단, 최적해를 보장해주지 않는다

000

2y

세번째 기술 면접

해당 면접은 기술 면접이라고 안내 받아 사실 자바스크립트 관련 답변 준비를 열심히 했다. 그리고 경력직을 뽑는 포지션이였던만큼 내 js 실력을 검증하지 않을까 싶었다. 그런데 기술 핏 면접에 가까웠다.
앞으로 실무진이 함께하는 면

001

2y

한 컴포넌트에 너무 많은 역할을 주게 된 경우.

요약
컴포넌트 파편화에대해 부정적인 생각을 가지고 있었으나 실제 개발 후 유지보수 과정에서 한 컴포넌트에 너무 많은 코드가 포함됨으로 유지보수 관리에 불편함을 겪어 적절한 컴포넌트와 규칙의 필요성을 깨닫고 개선 중.
문제발생
Ch

000

2y

import vs require

require가 기본적으로 외부 모듈을 가지고 오는 함수.
node를 할 경우 require를 사용
(lambda를 할 경우에도 require로 node-red 를 할 경우에도 require로)
그런데 우리는 import 를 자

002

2y

[ts] 환경 셋팅

ts는 Babel이 일단 필요 없다.
왜냐하면 ts 자체에서 최신 버전들을 과거 버전만 지원하는 브라우저에서 적응시키기 때문에(물론 어느 이상)
단, Babel과 공존시켜서 둘다 써야되는 경우나 쓰는 경우도 있긴하다.
아무튼 그래

000

2y

webpack, babel 설치 및 설정

<script type="text/babel">
'use strict';
const GuGuDan = () => {
const [first, setFirst] = React.useState()

000

2y

setState의 비동기 이유

React를 사용하면서 setState가 왜 비동기였어야만 했을까 의문을 가졌었다.
앞에서 prev 인자를 사용하면 된다는 것을 확인했지만 setState를 사용한 후 바로 화면에 적용시키면 유기적으로 바뀌는 것을 확인하며 프로그

000

2y

React에서 함수를 따로 빼놓는 장점

제로초님 강의 내용 중에
태그 안에 함수를 선언하는 것과
변수로 처리하고 전역 변수로 함수를 선언해 사용하는 것과의 차이가 간단히 언급되었다.
장점은 1. 보기 좋고
2. 랜더링시 함수 선언 줄이는 효율성
랜더링이 자주 발생하

000

2y

setState의 비동기 해결

React를 작업할때
setState의 비동기가 큰 문제가 되는 경우가 있었다.
왜 setState를 비동기로 디자인을 했는지 의문일 정도.. 그래서 상당 부분을 hook로 data를 걸어서 chaining으로 해결한다거나
use

000

2y

React root html

https://reactjs.org/docs/add-react-to-a-website.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta ht

000

2y

[ts] utility type

1. keyof
interface User {
id: number;
name: string;
age: number;
gender: "m" | "f";
}
type UserKey = keyof User;

000

2y

[ts] Generic

=> 배열 안의 요소들 타입이 변경이 될 수 있음
=> 이럴때 Union type을 추가하면 되긴 함
=> 그런데, 추가될 때마다 Union type을 추가하면 너무너무 안예쁨
Generic
=> 타입 매개변수 라고도 함
=> T

000

2y

[ts] Literal, Union, Intersection Types

1. Literal Types
=> const는 값을 변경할 수 없기 때문에 "Tom"으로 특정됨
=> let은 바꿀 수 있기에 string으로
2. 식별가능한 Union Type
interface Car {
name:

000

2y

[ts] 함수

1. 선택적 매개변수
function hello(name?: string) {
return `hello, ${name}`;
}
console.log(hello())
여러 매개변수를 쓸 때 주의점
=> 선택적 매개변수는 필수

000

2y

[ts] 인터페이스

=> Object에선 특정 속성값들의 정보가 없기 때문.
1. ? 옵셔널
interface User {
name: string;
age: number;
gender?: string;
}
let user: Us

000

2y

[ts] 기본타입

기본 타입
1. number, string 등
let car:string = 'ts';
=> car = 1; 하면 에러
타입스크립트를 쓰면 꼭 타입을 특정해주지 않아도
let car = 'ts';
=> car = 1; 하면 여전히

000

2y

개발자에게 실력이란?

시간이 좀 지냈지만 형제 회사로 부임한 대표님과의 술자리 대화 중에 내게 질문한적이 있다.
"당신의 실력은 어떤가요?"
그리고 나는 당시 리액트 뽕에 차올랐던 상황이라 1초도 망설임 없이 "좋다! 제 동기들과 비교했을때 좋은 편이

000

2y

자료구조 - 그래프

그래프란 ?
정점과 정점 사이를 연결하는 간선으로 이루어진 비선형 자료구조.
정점 집합과 간선 집합으로 표현할 수 있다.
실무사용 예시
지하철 노선도
페이지랭크
https://ko.wikipedia.org/wiki/%ED%8E

000

2y

첫회사 1주년 회고록

스타트업 개발팀 첫 팀원으로 다사다난했던 1주년 회고록입니다.
롤모델 선배 개발자
팀빌딩
직장 인간관계
멋진 동료들 그리고 떠나는 동료들
기술스택
2년차 개발자란?
롤모델 선배 개발자
내가 이 회사에서 입사를 결정했을때, 가장 결

001

2y

트라이

트라이 자료구조란?
문자열을 저장하고 효율적으로 탐색하기 위한 트리 형태의 자룍조
실무 사용 예시 : 검색어 자동완성
2-1 트라이의 특징
검색어 자동완성, 사전 찾기 등에 으용
문자열을 탐색할 때 단순하게 비교하는 것보다 효율적

000

2y

힙

힙이란?
이진 트리 형태를 가지며 우선순위가 높은 요소가 먼저 나가기 위해 요소가 삽입, 삭제 될 때 바로 정렬되는 특징이 있다.
우선순위 큐 : 우선 순위가 높은 요소가 먼저 나가는 큐
주의 : 자료구조가 아닌 개념 고로, 우

000

2y

스택/큐

스택/큐란?
스택
LIFO(Last In First Out)
실 사용 예시 : 스택메모리, js 콜스택
큐
FIFO(First In First Out)
심화 : 원형 큐
코테
핵심 키워드 : 차례대로, 순서대로,

002

2y

해시테이블

해시테이블 이란?
키와 값을 받아 키를 해싱(Hashing)하여 나온 index 값을 저장하는 선형 자료구조로 삽입은 O(1), 키를 알고고 있다면 삭제, 탐색도 O(1)로 수행한다.
https://youtu.be/HraOg7W3

000

2y

어떻게 디자인 프로세스를 만들어가야 할까요?

디자인 프로세스는 기본적으로 개발 프로세스를 따라가게 된다.
어쩔수 없이 결국 프로덕트는 개발이 되어야하기 때문.
주로 폭포수와 애자일이 있는데
모두가 애자일을 한다고 할 정도로 애자일이 좋은건 알고 대세이다. (91%가 애자일

000

2y

내부망 라우터 통신 규약 - IGP

000

2y

사설IP와 공인IP 변환 기술 - NAT

=> 우리가 자주 말하는 포트포워딩 기술이 위의 PAT임.

000

2y

오류 제어

=> 우리 회사 센서들은 오류 제어에 crc 를 씀.
=> Data(k-bits k 개의 bit수)에다가 부가적인 정보를 추가해 부호화를 거치면서 Codeword(n-bits n개의 bit수)로 변경됨.
=> 블록 부호화는 bit

000

2y

[React] 코드가 넘나 길어진다면 import / export 사용해보기

코드가 넘나 길어진다면 import / export 사용해보기
import / export 문법
=> 바닐라js에서도 굉장히 많이 보이는 문법이었다.
=> 대략적으로 어떤 기능이겠지 싶긴 했는데 정확히 알게 되었다.
코드가 너무

000

2y

Design Thinking이란 무엇인가요?

디자인 씽킹(Design Thinking)이란?
비즈니스 전략에 대한 요구를 충족시키기 위해 디자이너의 감수성과 작업방식을 이용하는 사고 방식
디자인 씽킹을 위한 6가지 단계
첫번째, 다양한 전문가들과 협업
두번째, 공감

000

2y

UX/CX/BX는 어떻게 다른가요

CX(Customer Experience, 고객경험)란?
닐슨노먼그룹의 정의
디지털 상호작용에 있어 전체적인 경험을 설명하기 위해 제안된 UX와 달리, CX는 더 넒은 의미의 총체적 경험을 설명하기 위해 사용
BX(Brand Ex

000

2y

UX/UI 디자인에 대한 이해

UX(User Experience, 사용자 경혐)이란?
국제표준기구(ISO 9241-210, 2019)의 정의
=> 표현 날짜와 출처가 중요하다 왜냐하면 ;;; 계속 달라지고 출처마다 다르게 표현함 실제로 내가 본 책에서도 다르게

000

2y

SDDC(Software Define Data Center)

000

2y

하이퍼바이저 위치 및 역할에 따른 Type1 / Type2

=> window에서 wsl2가 여기에 해당될듯?

000

2y

하이퍼바이저 가상화 방식에 따른 전가상화/반가상

=> 어떻게 보면 AWS 마이그레이션하면서 고민 했던 부분들이 많이 포함 되어있는 내용이었다.
=> 그런데 문제는 어떤 서비스냐에 따라도 달라지는듯하다.
=> 솔직히 내가 생각해도 우리 회사 서비스에서 한 1년 동안은 고차원적인

000

2y

서버리스 컴퓨팅 개

=> 과연 운영비용이 절감될 것인가?
=> 온전한 서버리스는 불가능하다.
=> 서버리스, FAAS에 대표적인 AWS lambda를 생각해볼때 15분이라는 러닝 타임 제한이 존재.
=> 그렇기 때문에 시간이라는 요소가 필요한 데이터

000

2y

컨테이너 기반 가상화 방식

=> MSA 우리 서비스도 우측과 같이 개발 중.
=> 특히 NoSQL에 더 적절한듯 가볍고 빠르게 개발하고
=> Docker Hub처럼 AWS에서도 이미질 레지스토리가 존재

001

2y

서버가상화 유형과 가상머신의 개

=> SDS, SDN, SDS, SDD
=> SDDC

=> 이번에 직접 AWS로 다양한 클라우드 서비스 그리고 WSL, VM, Docker 등을 활용해보니.
=> 클라우드가 필수적인 상황이 되는건 어쩔수 없는것 같긴했다...
=

000

2y

디지털 변조

=> 솔직히 무슨 소리인지 모르겠음 ..
=> 일단 이런게 있구나 하고 넘어가고
=> 추후 필요하거나 시간이 있을때 깊게 공부해보는 걸로

=> 핑거 프린트 기법을 보고
=> 현재 우리 팀은 센서의 위치 정보를 어떻게 이용자에게

000

2y

WLAN(Wireless LAN) 표준규격

=> 무선도 발전에 따라 보안도 좋아지고 속도도 빨라졌고 적절한 주파수들을 찾아갔다.
=> 일일히 알 필요는 없을듯.
=> 여기서 2.4GHz와 5GHz의 장단점은 구별해놓는게 좋다.
=> 기본적으로 5GHz가 속도가 빠르다.
=

000

2y

내부망 라우터 통신 규약 - IGP

=> 주기적으로 웹소켓이 connecting ping 찍는거랑 비슷한듯
=> 여러 링크들을 통해 어떤 링크의 끊김 신호를 해당 라우터에 전달하는 방법
=> 아이디어가 대박인듯.

000

2y

외부망 라우터 통신 규약 - EGP

=> 이웃과 통신을 유지하는 부분에 대한 원리는 IoT 에서 센서들, 기기들과의 통신들과 굉장히 유사한 부분들이 많음.
=> IoT core에서도 센서들과의 통신이 잘 연결 되어있는지.
=> command가 잘 작동했는지를 req

000

2y

경로 탐색 알고리즘 - 거리벡터와 링크 상태

=> 라우팅 테이블에 연결되어있는 노드들 간의 거리 데이터를 가지고 있는다.
=> 인접한 라우터끼리만 데이터 전달하기 위해 최종 목적지가 가기 위해서는 랜덤으로 계속적으로 다 접해보긴 해야 한다.
=> LSD는 마약인데..? (ㅈ

000

2y

서브네팅과 슈퍼네팅

=> 서브넷마스크로 기존 C클래스의 3개 필드에서 더 나아가 Network ID로 Host ID를 편입시켜 관리할 수 있음
=> 256개에서 126개로 변경(0, 127 맨처음 맨끝 제외)
=> 위의 사진을 보면 두개의 IP로 처

001

2y

IP 주소체계와 CIDR

=> 아이피 버전 포
=> 43억개는 하나의 바이트에 0~256개가 될수 있기에 256^4하면 43억개가 나옴
=> A클래스는 국가 단위의 관리가 필요한 IP
=> B클래스는 기관이나 규모가 큰 곳
=> C클래스는 건물 단위의

000

2y

전송계층 프로토콜

=> Source Port, Destination Port 를 응용프로세스가 쳐다보고 있는것.
=> Secquence Number, Acknowledge Number가 결합을 위한 정보
=> Secquence Number는 TCP

000

2y

FEC, BEC

=> Codeword 통신상의 변조된 코드 형태.
=> 메모리를 사용.
=> 블록단위가 아니기 때문에 길이는 변경됨.
=> M박스로 표현되어 있는 곳은 메모리 소자
=> 정보 비트(information digits)가 메모리 소자

000

2y

계층 간 통신을 위한 캡슐화와 역캡슐화 동

=> 보통 데이터 링크 계층만 Trailer 정보를 포함하고 다른 계층들은 Header 정보만 추가해서 처리.
=> SDU, PCI를 합쳐서 PDU라고 부름.
=> PDU로 프레임, 패킷, 세그먼트 들이 있다.
=> 데이터 링크

000

2y

OSI 7 Layer

OSI 7 Layer 란 개방형 네트워크에서 통신이 진행되는 과정을 7단계로 구분.
네트워크 장비 간 상호호환성 제공을 위한 참조모델
=> 표준이 일단 가장 핵심적인 특징이네
=> 전송까지가 상위계층
=> 네트워크 계층, 데이터

000

2y

디지털 변조 기술

=>진폭, 위상 이 두가지를 섞어서 신호를 변조
=> PSK와 비교 했을때 확실히 QAM이 성상도를 보면 간격이 넓다. 이것을 효율이 좋다라고 표현을 함.

000

2y

변조 개념과 다양한 변조 기술

=> 아날로그 : 라디오 같은데 많이씀
=> 디지털 : 와이파이 등 무선 통신
맨 위가 오리지널 신호
두번째가 반송
세번째가 오리지널 신호와 반송이 합쳐진 것.
정보를 전달하는 변조 방식 : 아날-> 디지털(아날로그 펄스)
=>

000

2y

네트워크 개요

중소벤처기업연수원 이러닝 연수
[ICT 지식 큐브] 네트워크와 클라우드
학습 목표
네트워크의 토폴로지 개념을 이해하고 관련 기술을 설명할 수 있다.
네트워크 종류를 이해하고 관련 기술을 설명할 수 있다.
네트워크 상의 정보교환방

000

2y

DynamoDB

https://youtu.be/U_GJYMUjiwA
AWS Tier 0 service ?
Tier 0 service?
Tier 0 (tier zero) is a level of data storage that is faster,

000

2y

CSR / SSR with Next.js

강의 전 기존에 알고 있던 개념들을 정리해놓았고 추후 수정될 수 있습니다.
CSR(Client-side Rendering)이란 무엇이며, 그것의 장단점에 대하여 설명해주세요.
CSR(Client-side Rendering)이란 웹

000

2y

서버 AWS 마이그레이션

22년 9월 23일 날짜로 지금까지 개발한 웹 서비스를 AWS로 옮기는 마이그레이션 작업을 완료했다.
처음 소프트웨어를 개발하면서부터 일명 클라우드의 활용은 계획되어 있긴 했다. 그러나 이렇게 빠르게 클라우드를 실행하게 될 줄은

000

2y

ec2 ssh 연결

ec2 인스턴스 생성 후
pem키를 다운로드
connect로 콘솔에서도 접근은 가능함
wsl로 ssh(vscode로 ssh)원격 접속
wsl을 켜고 pem키 파일을 특정해줘야함
중간 꿀팁 explorer.exe 명령어는 cmd창

000

2y

Agtech 데이터 관련 회고

나는 현재 인도어 스마트팜 스타트업에서 소프트웨어 개발자로 일하고 있다. 맨 처음 아무것도 없던 상태에서 이제 기초가 되는 환경 데이터 관련 기술들이 완성이 되어가고 있다. 이에 이어 작물과 직접적으로 관련된 생육 데이터 그리고

000

2y

[js info] 자바스크립트란?

팀장님의 추천(?)으로 우리 팀 서비스의 가장 기반이 되는 언어인 js의 부족을 채우기 위해.
팀원분과 1일 1js info 스터디를 진행하기로 했다.
오늘은 1일차로 자바스크립트란? 이란 제목을 가진 챕터를 시작.
https:/

004

2y

인도어 스마트팜 실시간 모니터링 서비스 Node-RED 개발 3개월 느낀점

_*해당 글은 2022.4.27 시점(3개월)의 내용이 포함되어 있습니다.
시작하며
우리 팀은 인도어 스마트팜 실시간 모니터링 서비스에 풀스택 개발 도구로 Node-RED를 선택했습니다. (https://velog.io/@2tae

000

2y

className 변수 만들기

className 변수를 single dash를 사용하는 듯 하다..
=> 어떤 기준에서 ???
https://ko.reactjs.org/docs/components-and-props.html
공식 문서에서도 single dash

000

2y

JSX안에서 emmet (태그 자동완성) 미작동

settings.json에서 config를 추가해주면 됩니다~
"emmet.includeLanguages": {
"javascript": "javascriptreact"
}
https://codingm

000

2y

WSL2에서 React.js 소스 변경시 실시간 반영이 안되는 문제

https://chasonghui.tistory.com/31
위의 블로그 내용으로 문제를 해결했습니다.
wsl2에서 개발을 진행하며 mnt를 구성해 작업을 진행하고 있습니다.
wsl2는 근본적으로 파일이 windows에 존재하고

0025

3y

모두의연구소 우리두아두이노로데이터뽑을수있어 2주차 풀입

모두의 연구소 강남 캠퍼스에서 2주차
[우리두 아두이노에서 데이터 뽑을 수 있어]
풀잎을 진행했다.
지난 주차가 오티였다면 이번주차는 본격적으로 프로젝트가 시작됐다.
우리가 사용할 하드웨어에 대한 공부로 시작됐다.
우리가 사용

000

3y

미들웨어

미들웨어는 express의 핵심.
처음 미들웨어라는 개념을 접했을 때, 헤깔렸다.
헤깔린 이유는 프론트엔드에서 작업을 할 때,
미들웨어라는 개념을 composition api, repository pattern을 적용할 때, 코

001

3y

wsl2 환경 커스텀...

https://mebadong.tistory.com/46
https://www.youtube.com/watch?v=235G6X5EAvM
위의 자료들이 참고하며 진행한 자료 링크들
wsl2를 커스텀 하려는 시도는 여러번 있었다.

000

3y

[Node-RED] Projects

Projects
Node-RED를 꽤 다뤄본 후 알게된 기능인 Projects
현재 완전히 다룰 수 있는 상태가 아니지만 개발 초기부터 활용했으면 참 좋았을 것 같다.
간단히 말하면 flow file들을 하나의 프로젝트로 묶어서

000