AWS(아마존 웹 서비스)란? 여러가지 웹서비스를 해주는 업체 EC2 AWS 대표 서비스 서버, 즉 컴퓨터를 빌려서 원격제어를 통해 사용할 수 있음 이것을 Cloud computing이라고 한다(타인의 컴퓨터는 ☁️) 강력한 CPU, 램 등이 포함되어 많은 사

리액트 프로젝트를 시작할 때 npm create-react-app으로 프로젝트를 생성해서 바벨와 웹팩은 존재에 대해서만 알고 있었는데, 이것에 대해 따로 공부해야할 때가 왔다.CRA(create-react-app):리액트 프로젝트를 시작하는데 필요한 개발 환경을 세팅

의미 없는 태그를 작성하지 않고 가상으로 처리가 가능한 기능content:""; : 가상선택자에 필수로 들어가는 요소.텍스트 내용이 있으면 따옴표 안에 내용을 넣고 아니라면 따옴표만 넣기.가상선택자는 부피가 없기 때문에 필요한 만큼 너비와 높이를 꼭 지정.

CSS 전처리기과 프레임워크 각각의 특징과 단점 정리

먼저 npx create-react-app react_api_practice 명령어로 새 리액트 프로젝트를 만들어주었다.1\. index.html의 head안에 Bootstrap 스타일시트 적용App.js 수정src폴더에 하위 폴더 components를 만들고 cont

검정고시 졸업생, 독학으로 프론트엔드 개발을 공부한 방법

개발자가 되려고 결심한 이유 그리고 신입 프론트엔드 개발자로 취업을 준비하며 면접에서 받은 질문과 답변 총정리

아니 며칠 전까지만도 잘 실행이 되다가 갑자기 SDK경로를 못 찾겠다는 에러메세지가 떴다. SDK는 이미 설치가 되어있는데도 Path를 찾지 못하는 문제가 계속 발생. 이를 해결하려고 공식 문서를 봐보았지만 답답하게도 해결이 안 됨. 잘 수행되던 Flutter 명령어

동기, 싱글 스레드 : Synchronous(동시에 일어나는) JavaScript는 동기식 언어 동기 방식은 서버에서 요청을 보냈을 때 응답이 돌아와야 다음 동작을 수행할 시간이 얼마나 걸리던지 요청한 자리에서 결과가 주어져야 하는 것 동기방식은 설계가 매우 간단

리액트는 컴포넌트 기반의 View를 중심으로 한 라이브러리이며각각의 컴포넌트에는 라이프사이클 즉, 컴포넌트의 생명 주기가 존재한다.이것은 프로그램이 실행되고 종료되는 과정을 말한다.Mount(탄생) > Update, Re-render(변화) > Unmount(죽음)DO

컴퓨터 메모리에 어떤 데이터를 저장하기 위한 이름(변수명)을 가진 공간변하는 것에 이름을 붙인 것이 변수명프로그램이 실행될 때 잠재적으로 변경 될 수있는 명명 된 값변수 선언에는 기본적으로 const를 사용하고, 재할당이 필요한 경우에 한정해 let을 사용아래 코드의

TypeScript란? 자바스크립트에 타입을 부여한 언어 JavaScript의 상위 집합으로 JavaScript의 모든 기능이 있음

리액트 배포 후 배경컬러는 뜨는데 정작 중요한 App.js가 빌드되지 않는 에러 해결

디자인부터 기획, 개발, 배포까지 <신입 프론트엔드 포트폴리오 제작기>

하루하루 잘 심어지던 잔디가 갑자기 심어지지 않았다. git config --list 명령어로 확인해보니 내 이메일과 닉네임이 아닌 다른 개발자의 이메일과 닉네임으로 설정이 되어있었는데 며칠 전 다른 개발자가 나의 맥북에서 아마도 git config를 Global로

로컬에 처박아둔 프로젝트를 깃헙에 업로드하고자 했는데 The requested URL returned error: 403 이런 오류메세지가 나왔다.git remote -v 체크를 해보니 문제가 없었고패키지를 재설치해봐도 오류가 해결이 되지 않아서레파지토리를 새로 만들어

display: flex 적용되어 있는지 확인width 또는 height 값 확인CSS 코드 게임 FLEXBOX FROGGY

react-reveal를 설치하려고 하다 만난 에러 에러 뜨자마자 터미널을 읽을 생각도 없이 엉뚱하게 검색하고 삽질하다가 터미널을 다시 보니 버전으로 인한 에러임을 친절하게 보여주고 있었다ㅎ_ㅎ 위 코드로 버전을 다운그레이드하고 해결

width가 768px 이하가 될 시 플렉스 컨테이너 내의 아이템을 column 정렬