- 전체보기(30)
- 재귀(2)
- 재귀함수(2)
- figma(2)
- React(2)
- React 상태관리(1)
- cdd(1)
- xhr(1)
- headers(1)
- Figma Clone(1)
- front end(1)
- GET(1)
- POST(1)
- Restful(1)
- http(1)
- DNS(1)
- Cmarket Redux(1)
- Client Server Architecture(1)
- REST(1)
- Client-Sever Communication API(1)
- 객체(1)
- recursion(1)
- Web Application Architecture(1)
- PORT(1)
- SSR과 CSR의 차이(1)
- 면접(1)
- storybook(1)
- 면접예상질문(1)
- ajax(1)
- ux(1)
- SOLID(1)
- 네트워크(1)
- 질문(1)
- domain(1)
- UI(1)
- ip(1)
- REST API(1)
- Browsing 처리과정(1)
- State(1)
- useRef(1)
- React Custom Component(1)
- 재규어(1)
- 코드스테이츠(1)
- State&Props(1)
- DOM(1)
- HTTP Requests(1)
- 코플릿(1)
- clone(1)
- URL과 URI(1)
- CSR(1)
- SSR(1)
- HTTP Responses(1)
- GET과 POST의 차이(1)
- Fetch(1)
- postman(1)
- 예상질문(1)
- Props(1)
- 객체 지향 프로그래밍(1)
- Stateless(1)
코린이에서 코른이로 ( Cmarket Redux )
다음 Cmarket Shopping App은 Create React App으로 만든 React 애플리케이션에 Redux를 붙인 구조입니다.아이템 리스트 페이지(ItemListContainer)와 장바구니 페이지(ShoppingCart) 총 두 페이지로 간단하게 구성됩니
코린이에서 코른이로 ( 상태 관리 )
상태관리가 필요한 이유? 상태관리가 필요한 이유를 이해하기 위해선 우선 상태가 무엇인지 알아야한다 상태란? 상태(state)는 React에서 컴포넌트 내에 관리되는 변수, 즉 변하는 데이터들이다. React API setState()로 선언되는 그것 맞다. props drilling 컴포넌트들은 서로 상태를 공유해야한다. 컴포넌트들은 props 형태로...
코린이에서 코른이로 ( useRef )
useRef란? >useRef 는 .current 프로퍼티로 전달된 인자(initialValue)로 초기화된 변경 가능한 ref 객체를 반환합니다. 반환된 객체는 컴포넌트의 전 생애주기를 통해 유지될 것입니다. - React 공식 홈페이지 useRef는 저장공간 또는
코린이에서 코른이로 ( Custom Component 과제 )
Costom Component 과제의 의사코드를 작성하여 블로깅을 해보겠다. Modal.js Toggle.js
코린이에서 코른이로 ( CDD , Storybook )
기획자로부터 하나의 페이지 기획이 도착했고, 디자이너와 개발자가 협력하여 디자인과 개발이 진행되었다.페이지가 모두 완성되었는데, 다른 페이지에 적용되는 버튼에 대한 추가적인 기획안이 도착했다.그런데 기획자가 버튼에 대한 기획을 이전에 요청했던 버튼과 똑같이 사용하도록
객체 지향 프로그래밍이란 무엇인가요?
객체 지향 프로그래밍 (Object-Oriented Programming, OOP)은 프로그래밍에서 필요한 데이터를 추상화 시켜 상태와 행위를 가진 객체로 만들고, 객체들간의 상호작용을 통해 로직을 구성하는 프로그래밍 방법이다.
REST API에 대해 설명해주세요.
REST 기반으로 서비스 API를 구현한 것최근 OpenAPI(누구나 사용할 수 있도록 공개된 API: 구글 맵, 공공 데이터 등), 마이크로 서비스(하나의 큰 애플리케이션을 여러 개의 작은 애플리케이션으로 쪼개어 변경과 조합이 가능하도록 만든 아키텍처) 등을 제공하는
코린이에서 코른이로 ( Figma )
Figma는 2016년 9월에 출시된 UI 디자인&프로토타이밍 툴로, 출시 이후로꾸준히 점유율을 높여가다가 지금은 UI/UX 업계에서 가장 인기 있는 툴이 되었다.UX design.CO에서 4,000여명의 업계 종사자를 대상으로 실시한2020년 디자인 툴 조사에서 브레
코린이에서 코른이로 ( UI & UX )
UI(User Interface, 사용자 인터페이스)는 사람들이 컴퓨터와상호 작용하는 시스템을 의미한다. 보통 UI라고 하면 떠오르는 화면상의 그래픽 요소 외에도, 키보드, 마우스 등의물리적 요소도 컴퓨터와 상호 작용하기 위한 시스템이므로 UI라고 볼 수 있다.UI는
코린이에서 코른이로 ( 재귀 함수 코플릿 )
문제내가 작성한 CodeReference Code문제내가 작성한 CodeReference Code문제내가 작성한 CodeReference Code
코린이에서 코른이로 ( 재귀 함수 )
재귀(再歸)(Recursion) : 원래의 자리로 되돌아가거나 되돌아옴.즉 자기 자신을 끝없이 호출하면서 같은 코드가 계속해서 실행되는 함수다. 재귀 함수를 잘 활용하면 반복적인 작업을 해야하는 문제를 좀 더 간결한 코드로 풀어낼 수 있다.재귀로 문제 해결하기물론 재귀
GET과 POST의 차이를 설명해주세요.
Get은 가져온다는 개념이고, Post는 수행한다는 개념즉, Get은 서버에서 어떤 데이터를 가져와서 보여줄 때 사용, 어떤 값이나 내용, 상태 등을 바꾸지 않는 경우에 사용을 하는 것Post는 서버상의 데이터 값이나 상태를 바꾸기 위해서 사용게시판으로 예를 들자면,
DNS에 대해 설명해주세요.
질문에 대한 간략한 답으로 정리해보자면Domain Name System(Services)의 약자로도메인은 IP 주소를 대신하여 사용하는 주소이다.DNS라는 시스템을 이용해서 IP와 도메인을 매칭한다.DNS란 웹사이트의 IP 주소와 도메인 주소를 이어주는 환경/시스템이다
브라우저 주소창에 www.google.com을 입력하면 어떤 일이 일어나나요?
검색할 것이 있어서 www.google.com에 접속을 하려고 할 때 웹페이지가 어떻게 불러와지는지 순서대로 설명을 하려고 한다.www.google.com을 브라우저 주소창에 친다Browser는 캐싱된 DNS 기록들을 통해 www.google.com에 대응되는 IP 주
프론트엔드 개발자 면접 예상 질문
CS ⭐️ 브라우저 주소창에 www.google.com을 입력하면 어떤 일이 일어나나요? DNS에 대해 설명해주세요. ⭐️ GET과 POST의 차이는 무엇인가요? REST API에 대해 설명해주세요. ⭐️ 객체 지향 프로그래밍이란 무엇인가요? 자료구조 stack과 qu
코린이에서 코른이로 ( PostMan )
웹 개발에서 사용하는 대표적인 클라이언트는 브라우저다. 브라우저는 서버에 HTTP 요청을 보낼 수 있는 훌륭한 도구이지만, 주로 웹 페이지를 받아오는 GET 요청에 사용한다. 브라우저의 주소창에 URL을 입력하면, 해당 URL의 root-endpoint로 GET 요청을
코린이에서 코른이로 ( SSR 과 CSR )
SSR은 Server Side Rendering의 줄임말이다. 웹 페이지를 브라우저에서 렌더링하는 대신에 서버에서 렌더링한다.브라우저가 서버의 URI로 GET 요청을 보내면, 서버는 정해진 웹 페이지 파일을 브라우저로 전송한다. 그리고 서버의 웹 페이지가 브라우저에 도
코린이에서 코른이로 ( AJAX )
웹페이지에서 일부분만 바꾸고 싶다면 어떻게 해야 할까? 그럴 때 우리는 AJAX를 사용한다.AJAX는 Asynchronous JavaScript And XMLHttpRequest의 약자로, JavaScript, DOM, Fetch, XMLHttpRequest, HTML