개발공부 임고미

export default와 export name의 비교 어떤 컴포넌트를 보면 export default를 사용하고 있고, 어떤 컴포넌트를 보면 default가 없는 export만을 사용하고 있었다. 나는 먼저 '저 둘의 차이는 무엇인가?'에대한 개념이 없었고, 어떻게 사용하는지에대해 감을 잡지 못하고 있었다. Q. 언제 export default를 사용하고 언제 export를 사용하는 걸까? 개념 export란 ? 간단하게 말해 '내보내기'를 의미한다. ( 반대로 import 는 '불러오기'를 의미한다. ) 1. pages에 component1.js, component2.js가 포함되어있고, index.js에서 한번에 묶어서 내보냄 →이렇게 관리하는 이유? 이렇게 관리하면 좀 더 깔끔하게 ..

프레임워크/ 라이브러리 /플러그인 1. Framework(프레임워크) 프레임워크는 뼈대나 기반구조를 뜻하는데, Application 개발 시 필수적인 코드, 알고리즘, 데이터베이스 연동 등과 같은 기능들을 위해 어느정도 뼈대(구조)를 제공해주는 것입니다. 그러므로 그러한 뼈대 위에 프로그래머가 코드를 작성하여 Application을 완성시켜야 합니다. 어느정도 뼈대를 제공해 주기 때문에, 객체 지향 개발을 하면서 일관성 부족 등의 문제를 해결해 줍니다. 그래서 소프트웨어에서는 프레임워크를 아래와 같이 정의하곤 합니다. 소프트웨어의 특정 문제를 해결하기 위해서 상호 협력하는 클래스와 인터페이스의 집합 2. Library(라이브러리) Library는 특정 기능에 대한 도구 or 함수들을 모은 집합입니다. 즉..

- 기존 정보에 잘못된 부분들이 있어 전반적으로 내용을 수정했습니다. JS에서 비동기 http 통신을 위한 방법은 대표적으로 3개(Ajax, Axios, fetch)가 있습니다. 그 중 많이 사용되는 Ajax와 axios를 중점으로 알아봅시다! 개념 AJAX (Asynchronous Javascript And Xml) Ajax 는 Asynchronous Javascript and Xml 의 약자인데, 비동기식 자바스크립트와 XML 이란 의미이다. 즉, 데이터를 이동하고 화면을 구성하는데 있어 화면 갱신 없이 필요한 데이터를 서버로 보내고 응답을 가져오는 방법입니다. 그렇다면 왜 사용하는걸까 ? - 단순하게 생각하면 WEB화면에서 무엇인가 부르거나 데이터를 조회하고 싶을때 페이지 전체를 새로고침하고 싶지 ..

개념 데이터를 다룰 때 사용되는 개념이다. 비교 props(속성) state(상태) 부모 컴포넌트가 자식 컴토넌트에게 주는 값 부모 컴포넌트가 자식 컴포넌트한테 전달하는 데이터로, (자식 입장에서)읽기 전용이다. 자식 컴포넌트에서는 props를 받아오기만 하고 받아온 props를 직접 수정할 수는 없다. 동적인 데이터를 다룰 땐 state를 사용합니다. 자신이 들고 있는 값을 말한다. 읽기전용인 props와 비교하면 쓰기전용이라고 볼 수 있습니다. 컴포넌트 내부에서 선언하며 내부에서 값을 변경할 수 있습니다. 변해야하는 상태관리를 할 때 사용합니다! props 개념 부모 컴포넌트가 자식 컴토넌트에게 주는 값 부모 컴포넌트가 자식 컴포넌트한테 전달하는 데이터로, (자식 입장에서)읽기 전용이다. 자식 컴포넌..

JSX 1. 개념 유래는 Java Script + XML을 합쳐서 탄생한 기존 자바스크립트의 확장 문법입니다.(= JSX은 js입니다.) 두가지를 합쳐서 얻는 장점은?? 개발자가 자바스크립트 내부에 마크업 코드를 작성해 줄 수 있게 해줍니다. 단순히 XML만 아니라 변수나 프로퍼티의 바인딩 기능도 제공합니다. 꼭 닫혀야 하는 태그 열었으면 닫아라 (→ Syntax error ) 두개 이상의 엘리먼트는 무조껀 하나의 엘리먼트로 감싸져 있어야 합니다 hello bye (x) 두 개 이상의 태그가 하나로 묶여있지 않은 상황이라, 문법적 에러 발생 console: Syntax error : Adjacent JSX elements must wrapped in an enclosing tag 해결 방법 : 1.'di..

개념정리 리액트란? 프론트앤드 라이브러리 사용하는 이유? 요즘의 웹은 단순히 웹 페이지 가 아니라, 웹 애플리케이션으로 브라우저 상으로도 정말 자연스러운 흐름으로 매우 많은것들을 할 수가 있다. 어떠한 유저인터페이스를 동적으로 나타내기위해서는 정말 수많은 상태를 관리해줘야한다. 웹 개발을 하게 될 때, 귀찮은 DOM 관리와 상태값 업데이트 관리를 최소화하고, 오직 기능 개발, 그리고 사용자 인터페이스를 구현하는 것에 집중 할 수 있도록 하기위해서 정말 여러 라이브러리들 혹은 프레임워크들이 만들어졌다. ( 대표적으로 Angular, Ember, Backbone, Vue, React ) - 상태 관리하기가 매우 편함 버츄어 돔이란? DOM의 상태를 메모리에 저장하고 변경 전과 변경 후의 상태를 비교한 뒤 최..

History HTTP (Hypertext Transfer Protocol)는 클라이언트와 서버 간의 통신을 가능하게하도록 설계되었습니다. HTTP는 클라이언트와 서버 간의 요청-응답 프로토콜로 작동합니다. 웹 브라우저는 클라이언트 일 수 있으며 웹 사이트를 호스팅하는 컴퓨터의 응용 프로그램은 서버 일 수 있습니다. 예 : 클라이언트 (브라우저)가 서버에 HTTP 요청을 제출합니다. 그런 다음 서버는 클라이언트에 응답을 반환합니다. 응답에는 요청에 대한 상태 정보가 포함되어 있으며 요청 된 컨텐츠가 포함되어있을 수도 있습니다. 웹환경에서 client와 server를 구분하는것은 매우 중요합니다. 1. Client와 Server (1) client란 ? 스스로 로직을 가지고 있는게 아니라 서버에서 데이터를..