async await

async await는 비동기 프로그래밍을 동기 프로그래밍처럼 작성할 수 있도록 함수에 추가된 기능이다.

자바스크립트 작성시 단축 속성명과 계산된 속성명을 이용하여 객체와 배열을 생성하고 수정하는 방법과 또 전개연산자와 구조분해할당을 이용한 객체와 배열의 속성값을 밖으로 쉽게 꺼내는 방법에 대해 아래와 같이 정리해 보았다.

에러 발생

create-react-app을 사용하여 웹 애플리케이션을 만드려고 할때 발생한 에러와 해결방법에 대해 정리하고자 한다.

과거의 웹 개발과 프론트엔드 개발자의 등장

과거 웹 개발의 경우 주로 서버에서 HTML을 생성해 클라이언트(브라우저)에 전달하고, 렌더링하는 방식이 주를 이루었다. 당시에는 단순한 정보전달의 문서형식의 웹 사이트가 많았고 이는 j-Query나 JavaScript로도 충분히 구현 가능했기에 프론트엔드 개발자라는 개념이 없이 백엔드 개발자가 모든 것을 처리하고는 했다.

Check Point

• 반응형 마크업
• 웹표준, 웹 접근성
• JS
• React

기술 스택

• React 이해와 개발
  • 상태관리 Mobx, Redux
  • 웹 성능 측정 및 최적화 경험
• TypeScript 이해와 개발
• JavaScript/ CSS / HTML 에 대한 깊은 이해

플러터는 다트를 사용한다. 다트는 구글이 소유하며 유지보수 하고 있으며 현재 인기있는 언어로 볼 수는 없다. 사용하고 있는 회사도 적으며, 커뮤니티도 작다. 그럼에도 굳이 플러터가 다트를 사용하는 이유가 뭘까?

Query-String 이란

도커(Docker)

도커(Dokcer)는 어플리케이션을 패키징하고 컨테이너로 실행하는 프로세스를 단순화하여 개발자가 애플리케이션을 더 쉽게 관리하고 확장할 수 있도록 도와주는 컨테이너 기반의 가상화 플랫폼이다.

정수 리스트 num_list가 주어질 때, 마지막 원소가 그전 원소보다 크면 마지막 원소에서 그전 원소를 뺀 값을 마지막 원소가 그전 원소보다 크지 않다면 마지막 원소를 두 배한 값을 추가하여 return하도록 solution 함수를 완성해주세요.

“토마토”나 “기러기”처럼 거꾸로 읽어도 똑같은 단어를 ‘팰린드롬(palindrome)’이라고 부릅니다. 팰린드롬 여부를 확인하는 함수 isPalindrome을 작성하려고 하는데요. isPalindrome은 파라미터 word가 팰린드롬이면 true를 리턴하고 팰린드롬이 아니면 false를 리턴하도록 작성하세요.

파라미터로 양의 정수 n을 받고 n!을 계산해서 리턴해 주는 함수를 작성해 주세요.

자바스크립트는 7가지의 데이터 타입이 있다. (Number, Stirng, boolean, undefined, null, Symbol(ES6부터 추가) Object) 7가지의 데이터 타입은 두 가지로 구분할 수 있는데 원시타입(기본형)과 객체타입(참조형)이다.

배열이란 여러 개의 값을 순차적으로 나열한 가장 기본적인 자료구조이다. 사용빈도가 매우 높기에 자바스크립트는 배열을 다루기 위한 다양한 메서드를 제공하고 있다.

문자열 my_string, overwrite_string과 정수 s가 주어집니다. 문자열 my_string의 인덱스 s부터 overwrite_string의 길이만큼을 문자열 overwrite_string으로 바꾼 문자열을 return 하는 solution 함수를 작성해 주세요.

1, 1, 2, 3, 5, 8, 13, 21, 34, 55, … 피보나치 수열의 1번 항과 2번 항은 각각 1이다. 3번 항부터는 바로 앞 두 항의 합으로 계산된다. 예를 들어 3번 항은 1번 항(1) 과 2번 항(1) 을 더한 2이며, 4번 항은 2번 항(1)과 3번 항(2)을 더한 3이다.

개발환경이 바뀌게 되면 VScode 기본환경을 새로 세팅해주어야 하는데, 이때 매번 찾아보는 것이 좀 번거롭기도 해서 제가 필수적으로 사용하는 기본적인 플러그인을 아래와 같이 소개해 보려고 합니다.

리액트는 자바스크립트를 기반으로 하고 있으므로 주로 비동기적인 작업을 다루는데에도 자바스크립트의 특성을 따라가고 있다. 예를 들어 setState 함수나 useEffect 훅에서 비동적으로 동작한다.

쿼리스트링은 URL 끝에 ?을 시작으로, 키=값 형태로 여러 쌍의 데이터를 전송하는 방법이다. 홈페이지의 상세페이지를 생각하면 쉬운데 이를 통해 웹 페이지에 요청한 데이터를 서버로 전송하거나 서버로부터 받은 데이터를 웹 페이지에 출력하는 등의 작업을 할 수 있다.

Vercel은 Next.js개발팀에서 만든 빌드/배포/호스팅 서비스를 제공하는 프론트엔드 배포자동화 호스팅 사이트이다. 이와 유사한 서비스로 Netlify라는 서비스가 있다.