profile
상상을 현실로 바꾸는 디발자

자바스크립트의 비동기 처리에 대하여 - (3) async-await

function 키워드 앞에 async 만 붙여주면 되고, 비동기로 처리되는 부분 앞에 await 만 붙여주면 된다.async는 선언 키워드 정도로만 이해await는 키워드 이름에서 보듯이 Promise 비동기 처리가 완료될때 까지 코드 실행을 일시 중지하고 wait

약 13시간 전
·
0개의 댓글
·

예외 처리하기 - Try-Catch

try 문에서 Exception 예외가 발생할 경우 catch (Exception e) 로 빠져서 그 안의 실행문을 실행한다. 마지막의 finally블럭은 try-catch문과 함께 예외발생 여부과 관계없이 "항상. 무조건" 실행되어야할 코드를 적는다.

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

MVC 패턴

유지보수를 편리하게 하기 위함데이터와 행동을 갖는 객체비즈니스 로직 수행 : 상태 변화 처리, 상태 정보 반환데이터의 시각화모델이 처리한 데이터를 받아서 사용데이터와 로직이 없음사용자의 요청을 해석하여 처리하고 결과를 반환모델과 뷰를 느슨하게 연결데이터의 흐름 제어\[

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

[스파르타코딩클럽] 핵심 쏙쏙 Git - 3주차 (2) 커밋메세지 / 오픈소스 / 깃허브프로필

NHNCloud - 좋은 git 커밋 메시지를 작성하기 위한 7가지 약속커밋 단위에는 일관된 규칙이 있는 것이 좋다.버그를 찾기 위해 작업 기록을 볼 때 단위가 잘 나누어져 있어야 버그가 나는 부분을 잘 찾을 수 있음예시) 1. 작게 쪼갤 수 있는 기능 단위로 커밋하기

2023년 5월 25일
·
0개의 댓글
·
post-thumbnail

[스파르타코딩클럽] 핵심 쏙쏙 Git - 3주차 (1) PR / amend / revert / reset / stash

PR(Pull Request, 풀리퀘스트) : 내 작업내역을 바로 merge 하지 않고, 참여하고 있는 프로젝트에 내 작업(branch)를 merge해달라고 요청(Request) 를 먼저 보내는 것pull은 commit 내역을 가져와서 로컬 branch 에 commit

2023년 5월 25일
·
0개의 댓글
·
post-thumbnail

[스파르타코딩클럽] 핵심 쏙쏙 Git - 2주차 (1) git으로 협업하기(issue, branch, merge)

오픈소스 컨트리뷰션 : 오픈소스에 기여하는 것누가 이 작업 할 것인지 정한다.각자 맡은 것을 작업한다. 각자 작업을 프로젝트에 합칠 수 있게 공유한다.작업한 내용을 리뷰하고 최종적으로 프로젝트에 반영한다.개발자들은 이렇게 이슈라는 말을 사용하죠!"회원가입 기능에서 버그

2023년 5월 25일
·
0개의 댓글
·

vite로 만든 리액트 타입스크립트 파일에서 svg파일 사용하기

https://www.npmjs.com/package/vite-plugin-svgr플러그인에 리액트가 있다면 이렇게 수정해준다

2023년 5월 22일
·
0개의 댓글
·
post-thumbnail

[따라하며 배우는 리액트 네이티브 기초] 섹션 3 - 리덕스설정 / 리스트나열 / 분기처리 / 기능추가

npm install @reduxjs/toolkit react-redux redux —savetodoSlice.js에서 3가지 액션의 리듀서를 작성해준다.splice(item, 1) : item 인덱스 하나만 삭제state.todos.push(state.todos.sp

2023년 5월 18일
·
0개의 댓글
·

vite로 만든 리액트 타입스크립트 파일에 환경변수 설정하는 법

.env파일을 만들고 아래와 같은 내용을 넣는다VITE_PLUGIN_KEY=변수에들어갈내용앞에 VITE\_를 꼭 붙혀준다.PLUGIN_KEY는 내가 임의로 붙힌 거고원하는 변수명을 써주면 된다git에 올라가지 않게 .env파일을 추가해준다.맨 아래에.env라고 써주면

2023년 5월 15일
·
0개의 댓글
·
post-thumbnail

도커 한방에 정리 🐳 (모든 개발자들이 배워보고 싶어 하는 툴!) + 실습 - 드림코딩 유튜브

도커 : 컨테이너를 만들고 > 배포하고 > 구동한다로컬과 서버에 도커가 깔려있음.먼저 도커파일을 만들고 이를 바탕으로 이미지를 빌드한다.그 이미지를 컨테이너 레지스트리에 푸쉬한다.서버는 컨테이너 레지스트리에서 이미지를 받아와 구동한다.프로젝트 초기화npm init -y

2023년 5월 15일
·
0개의 댓글
·

타입스크립트 적용 시 오류 잡았던 방법 정리 - children, onClick 핸들러 사용 시

React.ReactNode로 타입 지정useState에 타입을 지정해주고,반환하는 값이 없는 함수에는 : void로 타입을 지정한다props의 타입을 지정해준다.핸들러는 위에서 반환하는 값이 없는 함수로 지정해줬기 때문에, 똑같이 void로 지정.ref를 사용할 때에

2023년 5월 12일
·
0개의 댓글
·
post-thumbnail

[따라하며 배우는 리액트 네이티브 기초] 섹션 2 - ui구조/코어컴포넌트/Todo 앱 ui 만들기

1. Todo App 구조 생성 리액트 스니펫 확장프로그램 ES7+ React/Redux/React-Native snippets https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-sn

2023년 5월 10일
·
0개의 댓글
·
post-thumbnail

[따라하며 배우는 리액트 네이티브 기초] 섹션 1 - 설치/실행/폴더구조

네이티브 컴포넌트에서 리액트가 기본으로 지원하는 컴포넌트를 코어 컴포넌트라고 한다.

2023년 5월 9일
·
0개의 댓글
·
post-thumbnail

[PHP 7+ 프로그래밍: 객체지향] 섹션 0. 환경설정

위 : 싱글 쓰레드아래 : 다중 쓰레드php 7.4.21버전 설치이미 컴퓨터에 8.2버전이 설치되어 있어 그냥 넘어감MySQL Community Server 8.0.25 설치나는 없어서 일단 아래 명령어를 터미널에 입력해 mysql을 설치해주었다.설치 후 아래와 같은

2023년 5월 9일
·
0개의 댓글
·
post-thumbnail

애자일 방법론 구체적으로 실천하기

3개월 단위로 계획을 세움3개월 안에서 2주마다 할 일을 구체적으로 정하고 어떻게 됐는지를 회고주요한 결과물을 평가하고 우리팀이 할 일과 다른 팀과 협업할 일 논의팀의 목표, 핵심 가치, 아이디어의 방향 등을 기준으로 최대한 넓게 보면서 많은 스토리를 찾기고객에게 제공

2023년 5월 9일
·
0개의 댓글
·
post-thumbnail

애자일 방법론 정의/핵심/유저 스토리

‘기민한, 민첩한’이라는 뜻으로 일정한 주기를 가지고 빠르게 제품을 출시하여 고객의 요구사항, 변화된 환경에 맞게 요구를 더 하고 수정해나가는 탄력적인 방법론.프로덕트의 기능 구현 사이클을 반복. 각 이터레이션마다 작은 규모의 기능을 구현 및 배포함으로써 고객에게 최소

2023년 5월 9일
·
0개의 댓글
·

타입스크립트 필수 문법 - 코딩애플 강의 정리

변수를 만들 때 타입지정이 가능합니다. 변수명 : 타입명 이렇게 씁니다.타입으로 쓸 수 있는 것들은 string, number, boolean, bigint, null, undefined,\[], {} 등이 있습니다. array 혹은 object 자료는 이렇게 타입지정

2023년 5월 4일
·
0개의 댓글
·

Camel Case(카멜 케이스), Pascal Case(파스킬 케이스), Kebab Case(케밥 케이스), Snake Case(스네이크 케이스)

낙타의 쌍봉과 같이 문자열의 첫 문자를 제외하고 단어의 첫 글자마다 대문자로 표현하는 방식변환 전 : My Visitor Count변환 후 : myVisitorCount카멜 케이스와 유사하지만 첫 문자도 대문자로 표현.변환 전 : My Visitor Count변환 후

2023년 5월 4일
·
0개의 댓글
·
post-thumbnail

OAuth 2.0 / 간편 로그인 기능

OAuth 2.0(Open Authorization 2.0, OAuth2)은 인증을 위한 개방형 표준 프로토콜 구글, 카카오 등의 간편 로그인 기능이 OAuth2 프로토콜 기반의 사용자 인증 기능이다.쉽게 말하자면, 우리의 서비스가 우리 서비스를 이용하는 유저의 타사

2023년 5월 4일
·
0개의 댓글
·

HTTP / HTTPS / 요청 및 응답 코드

HyperText Transfer Protocol의 약자로, 문서를 전송하기 위한 프로토콜을 뜻한다(프로토콜 : 통신 규약. 데이터를 주고 받는 방식에 대한 규칙)요청(Request)와 응답(Response)로 구성되어 있고, 클라이언트가 요청을 하면 서버가 응답을 하

2023년 5월 4일
·
0개의 댓글
·