profile
사과

Node | Layered Pattern

모듈화 : 역할에 따라 코드를 분리하는 행위한 파일에 모든 코드를 다 넣어도 노드 서버는 문제 없이 동작한다. 간단한 규모의 어플리케이션이라면 굳이 모듈화가 필요없지만, 우리는 실제 서비스에서 사용할 수 있는 어플리케이션을 구현하는 것이 목표다. 즉, 혼자서 개발하는

3일 전
·
0개의 댓글

React 기본상식

JSX란 무엇인가요?React란 무엇인가요?React를 사용하는 이유는 무엇인가요?CRA란 무엇인가요?컴포넌트란 무엇인가요?React Sass란 무엇인가요? 사용하는 이유는 무엇인가요?React Router란 무엇인가요? 사용하는 이유는 무엇인가요?라이브러리와 프레임워

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

Mock Data, Login & Signup

실제 API 에서 받아온 데이터가 아닌 프론트앤드 개발자가 필요에 의해 샘플로 만들어본 데이터mock data 를 만들어 데이터가 들어오는 상황을 미리 대비하고 UI 가 기획에 맞게 구현 되는지 확인Backend 와의 소통 - 주고 받는 데이터가 어떤 형태인지, key

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

React-state,Props

단어 뜻 그대로 컴포넌트 내부에서 가지고 있는 컴포넌트의 상태값입니다.state는 화면에 보여줄 컴포넌트의 정보(상태)를 지니고 있는 객체입니다.단어 뜻 그대로 컴포넌트의 속성값props는 부모 컴포넌트로부터 전달 받은 데이터를 지니고 있는 객체

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

React Router

SPA (Single Page Application) - 페이지가 한 개인 애플리케이션리액트 프로젝트에서 .html 파일의 개수는? 1개 >>> SPA(Single Page Application)라우팅(Routing) - 다른 경로(주소)에 따라 다른 View(화면)를

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

React

Web Application의 발전Frontend Framework(Library) - Angular / Vue / React사용자 인터페이스(UI)를 만들기 위한 JavaScript 라이브러리가상 돔(Virtual Dom) :  이전 UI 상태를 메모리에 유지해서,

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

질문하는 방법

에러가 나는 이유는 코드를 작성했기에 발생함.구글링은 에러 메서지를 그대로 검색하기, 최대한 영어로 검색하기, 한글검색은 가장 마지막에 검색할 것.

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

22.레이아웃

position 속성 :웹 문서 안 요소들을 어떻게 배치할 지를 정하는 속성relative:이전 요소(주로 부모 요소)에 자연스럽게 연결하여 위치를 지정.absolute:원하는 위치를 지정해 배치. fixed:지정한 위치에 고정하여 배치\*방법top, left, bot

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

컴퓨터의 사고

수학적 능력 필요, 구조화(논리적 사고력이 필요), 패턴화, 알고리즘 개발(수학적 논리적 사고력이 필요), 시나리오 개발, 최적화 능력, 문제 해결력, 창의력 ,협업능력 등 다양한 능력을 겸비해야된다.Flow Chart 그리기

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

HTML 사이트 이미지 넣는 방법

검색 시 노출이 되도록 만들고 싶을 때콘텐츠에 관련이 있는 이미지일 때웹페이지 성능을 높이고 싶을 때alt, title 등 속성 활용 가능로딩 안되면 확인가능디자인적인 요소로만 이미지를 활용하고 싶을 때(repeat 등)콘텐츠와 관련이 없어 이미지를 불러오지 못해도 상

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

웹 서비스의 역사와 발전

\->인터넷이란 여러 통신망을 하나로 연결한다는 의미의 인터 네트워크 라는 말에서 시작되었으며, 현재는 전 세계 컴퓨터들을 하나로 연결하는 거대한 컴퓨터 통신망이라한다(수많은 클라이언트 컴퓨터와 서버 컴퓨터, 그리고 이들로 구성된 네트워크들을의 집합체)\->웹이란 인터

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

CSS

justify-contentflex-start: 요소들을 컨테이너의 왼쪽으로 정렬합니다.flex-end: 요소들을 컨테이너의 오른쪽으로 정렬합니다.center: 요소들을 컨테이너의 가운데로 정렬합니다.space-between: 요소들 사이에 동일한 간격을 둡니다.spa

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