profile
코딩으로 세상에 이야기하는 개발자
post-thumbnail

[20220624_Git fork vs clone]

• fork는 예를 들어 A라는 사람의 repository에서 내가 어떤 부분을 수정하거나 기능을 추가 하고 싶을 때, 해당 repository를 내 Github의 repository로 그대로 복사 해오는 것.• fork한 저장소는 원본(A의 repository)과 연

약 21시간 전
·
0개의 댓글
post-thumbnail

[20220620_typescript (1)]

typescript 1. 왜 사용하는가? • TypeScript는 타입 엄격히 검사해줌(num은 num대로, string은 string대로) • TypeScript는 타입을 엄격히 검사해줘서, 에러메세지 퀄리티가 좋음 2. TypeScript 설치 VScode

2일 전
·
0개의 댓글
post-thumbnail

[20220622_Docker(5: 순서정리)]

1️⃣ Docker는 Container를 만들고, 배포하고, 구동한다!2️⃣ docker의 3대 구성요소: Dokcerfile, Image, Container(Dockerfile을 만듬 → 이걸 이용해서 Image를 만듬 → Container 구동): Container

3일 전
·
0개의 댓글
post-thumbnail

[20220620_Docker (4: 호스트와 컨테이너의 파일 시스템 연결)]

• 만약 container가 통으로 날아가면 수정한 파일 싹 다 날아감(Container가 안날아가게 하면 되지만 애초에 Container를 사용하는 이유는 우리가 필요할때 언제든지 만들고 지우려고 쓰는거임)• Container가 날아가도 host에 소스코드가 남아 있

4일 전
·
0개의 댓글
post-thumbnail

[20220620_Docker (3: Network, 명령어 실행)]

→ 웹 서버를 사용하기 위해서는 두대의 컴퓨터가 필요→ 한대의 컴퓨터는 Web browser가 설치되어 있음→ 다른 컴퓨터에는 Web Server가 설치되어 있음 → 웹 페이지를 파일로 만들어서 저장장치의 특정 디렉토리에 위치시켜야 함(데이터가 저장된 공간을 File

4일 전
·
0개의 댓글
post-thumbnail

[20220620_Docker (2: Container run)]

Docker (2) 1. Container run : image를 실행시켜서 container 만들기! 1) docker desktop에서 하는 방법 1️⃣ run 클릭 2️⃣ 이미지를 container로 만들면 여러개의 container가 생기는데, 이때 이름이

4일 전
·
0개의 댓글
post-thumbnail

[20220620_Docker (1: docker, container, image pull)]

• 만약에 MyApp, WEb server, Database를 각각 운영을 한다면 그 OS를 위한 컴퓨터가 한대씩 필요함• 하지만 내 컴퓨터에 가상으로 컴퓨터를 만들고 그 위에 운영체제를 설치하고 거기에 Web server를 설치한다면?→ 그러면 별도의 컴퓨터가 필요

4일 전
·
0개의 댓글
post-thumbnail

[20220619_2차 프로젝트 회고]

1치 프로젝트가 끝난거도 믿기지 않는데 벌써 2차 프로젝트 시작이라니...!!! 아직도 모르는거 투성이에 어설프지만 최선을 다하리라는 마음가짐으로 시작했다.• Front-end: 손가영, 유하은, 윤경연, 최현민• Back-end: 정병휘, 최바다• Front-end:

6일 전
·
0개의 댓글

[20220619_스프레드 연산자(Spread Operator)]

: 스프레드 연산자를 사용하면 배열, 문자열, 객체 등 반복 가능한 객체 (Iterable Object)를 개별 요소로 분리할 수 있음. 배열, 문자열, 객체 등에 전개를 위해 사용: 기존의 값은 유지하면서 새로운 값을 추가하는 것. 객체가 생성된 이후 그 상태를 변경

6일 전
·
0개의 댓글

[20220608_Styled-component]

Styled-component 1. theme에서 공통 컴포넌트 설정 2. 사용방법 1) theme을 props로 사용 2) 만약 theme에 있는 component의 내용 일부를 수정하고 싶다면? 3) styled-component를 mixin 처럼 사용하기

2022년 6월 8일
·
0개의 댓글

[20220607_useRef(): DOM요소에 접근]

useRef() 1. 예시

2022년 6월 7일
·
0개의 댓글
post-thumbnail

[20220606_Array.from()]

: 문자열 등 유사배열(Array-like) 객체나 iterable한 객체를 배열로 만들어주는 메서드• Array.from()의 첫 번째 인자는 배욜로 만들 iterable한 객체가 됨• 두 번째 인자는 생성한 배열의 모든 원소에 대해 수행할 맵핑 함수임(Array.m

2022년 6월 6일
·
0개의 댓글
post-thumbnail

1차 프로젝트 회고록

사전스터디를 시작했던게 4월인데 벌써 살갗따가운 6월이됐다. 저마다의 사연을 짊어지고, 그런 어색함에 가물어 있던 강의실 분위기가 언제 그랬냐는듯 비를 담뿍맞아 저마다의 사연에 결실을 맺어가고 있었다! 아직 잘 알지도 못하는데 프로젝트 시작이라고 해서 지레 겁부터 먹었

2022년 6월 6일
·
0개의 댓글
post-thumbnail

[20220601_useRef hook(1 - 변수관리)]

• 반환된 ref는 컴포넌트의 전생에주기를 통해 유지가 됨→ 컴포넌트가 계속해서 렌더링되어도, 컴포넌트가 unmount되기 전꺼지는 값을 그대로 유지 가능• ref는 state와 비슷하게 어떠한 값을 저장해두는 공간으로 사용• State의 변경하면 → 자동으로 컴포넌트

2022년 6월 1일
·
0개의 댓글

[20220531_useState]

• state: 컴포넌트가 가질 수 있는 상태ex) 시계라는 state가 있다면 현재 상태로 시간을 가질 수 있음• useState는 우리의 컴포넌트 상태를 간편하게 생성하고, 업데이트 해주는 도구를 제공→ setState함수를 사용해서 업데이트를 변경하면 해당 컴포넌

2022년 5월 31일
·
0개의 댓글

[20220530_useEffect hook]

Mount(화면에 첫 렌더링), Update(다시 렌더링), Unmount(화면에서 사라질때) 될때 특정 작업을 처리할 코드를 실행시키고 싶다면 useEffect사용기본적으로 useEffect hook은 인자로 callback함수를 받음• 만약 useEffect에서 어

2022년 5월 30일
·
0개의 댓글
post-thumbnail

[20220528_REST API]

1\. API(Application Programming Interface)란: 데이터와 기능의 집합을 제공하여 컴퓨터 프로그램간 상호작용을 촉진하며, 서로 정보를 교환가능 하도록 하는 것2\. REST API 정의• REST 기반으로 서비스 API를 구현한 것• 최근

2022년 5월 28일
·
0개의 댓글
post-thumbnail

[20220528_REST(2)]

자원(RESOURCE): URI• 모든 자원에 고유한 ID가 존재하고, 이 자원은 Server에 존재• 자원을 구별하는 ID는 '/group/:group_id'와 같은 HTTP URI임• Client는 URI를 이용해서 자원을 지정하고 해당 자원의 상태(정보)에 대한

2022년 5월 28일
·
0개의 댓글
post-thumbnail

[20220528_REST(1)]

GET /movies(Get list of movies)GET /movies/:id (Find a movie by its IDPOST /movies (Create a new movie)PUT /movies (Update an existing movie)DELETE /m

2022년 5월 28일
·
0개의 댓글
post-thumbnail

[20220522_filter, map, 구조분해 할당]

1) filter와 map의 공통점: 배열을 기존 배열은 건드리지 않고! 순회하면서 새로운 배열을 return2)filter는 조건을 만족한 모든 요소를 새로운 배열로 반환해줌!\-> 데이터가 배열에 객체로 담아져서 옴!1) filter와 map의 공통점: 배열을 기존

2022년 5월 22일
·
0개의 댓글