개발61 [React] Toast UI Chart 라이브러리 Interval 설정방법 [React] Toast UI 라이브러리 Chart Interval 설정 방법 https://ui.toast.com/ TOAST UI :: Make Your Web Delicious! TOAST UI is an open-source JavaScript UI library maintained by NHN Cloud. ui.toast.com Toast UI Chart는 차트를 그려주는 라이브러리로, 그리드 및 차트, 에디터, 캘린더 등의 기능을 제공하며, 자바스크립트 기반의 React, Vue 등의 프론트 프레임워크에서도 사용이 가능한 라이브러리이다. https://www.npmjs.com/package/@toast-ui/react-chart @toast-ui/react-chart TOAST UI Chart.. 2022. 10. 12. 13:51 [Next.js] Next.js 시작하기 (1) 이번 포스팅에서는 Next.js가 나오게 된 배경, Next.js의 주요 기능, Next.js에 설치 및 실행 방법을 알아보도록 하자. 차차 사용방법을 이어서 포스팅하겠다. Next.js는 어떻게 나오게 되었나. React를 사용하다 보면 SPA(SinglePageApplication) 방식이다 보니 클라이언트 사이드 렌더링(Client-Side-Rendering)이 일어난다. 또한 맨 처음 자바스크립트 코드를 로드하기 때문에 화면이 사용자에게 보이기까지의 시간이 오래 걸린다. 클라이언트 사이드 렌더링의 자세한 내용은 이 포스팅에 정리되어있다. 2022.10.02 - [개발/개발지식] - 서버사이드 렌더링(SSR)과 클라이언트 사이드 렌더링(CSR) 서버사이드 렌더링(SSR)과 클라이언트 사이드 렌더링(.. 2022. 10. 12. 00:10 [Network] HTTP 메소드 (GET, POST) HTTP 메소드 HTTP(Hypertext Transfer Protocol)은 클라이언트(사용자)와 서버의 통신을 가능하게 해주도록 설계되었다. HTTP는 서버와 클라이언트 간 요청과 응답 프로토콜로 통신을 한다. HTTP 메소드의 종류 - GET - POST - PUT - HEAD - DELETE - PATCH - OPTIONS - CONNECT - TRACE 가장 많이 사용하는 HTTP 메소드는 GET과 POST이다. 그래서 GET과 POST 메소드를 중점적으로 알아보도록 하자. GET 메소드 GET 메소드는 지정된 리소스에서 데이터를 요청할 때 사용된다. 쿼리 스트링(키와 값) 쌍으로 GET 요청의 URL로 전송된다. naver.com?name=1value&name2=value2 위 예제와 같이 n.. 2022. 10. 11. 15:59 [프로그래밍 패러다임] 함수형 프로그래밍 함수형 프로그래밍(Function Programming) 함수형 프로그래밍은 하나의 프로그래밍 패러다임이며, 자료 처리를 수학적 함수의 계산으로 취급하고 상태와 가변 데이터를 멀리하는 프로그래밍 패러다임이다.(위키백과) 함수형 프로그래밍은 말 그대로 깨끗하고 유지 보수가 가능한 소프트웨어를 만들기 위해 함수를 사용하여 최상의 효과를 내는 것을 의미한다. 이해를 돕기 위해서 공장을 생각하면 쉬울 것 같다. 컵라면 공장을 생각해보면 컵라면의 컵을 먼저 레일에 올리고, 면이 담기고, 스프가 담기고, 뚜껑을 닫는다. 함수형 프로그래밍을 공장으로 생각해보면 각각의 역할(컵라면의 컵에 면을 담는 행위)처럼 공장에선 개별 장치들이 각자 자신이 맡은 역할만 한다. 같은 입력을 받으면 항상 똑같은 행위(결과)를 내보낸다.. 2022. 10. 10. 17:34 [디자인 패턴]MVC패턴, MVVM패턴 MVC패턴 MVC패턴은 Model + View + Controller의 약자로 각 Model, View, Controller의 역할로 나누어서 개발하는 디자인 패턴이다. 가장 널리 사용되고 있는 패턴이다. 비즈니스 로직과 화면을 분리하여 사용한다. MVC 패턴의 각 역할을 보면 - Model : 데이터와 비즈니스 로직을 담당 - View : 화면을 담당 - Controller : 사용자의 입력을 받으면 처리(모델과 뷰로 라우팅)를 해준다. 모델(Model) 모델은 앱에 표현할 데이터를 정의해준다. 데이터를 요청하거나 상태가 변경되면 뷰에게 알려준다. DB와의 연결을 해주며 데이터와 직접적으로 연동되는 부분이다. 뷰(View) 사용자에게 보여지는 방식을 정의한다. 웹 사이트라고 하면 사용자가 직접적으로 볼.. 2022. 10. 9. 20:55 [NetWork] CORS(Cross-Origin Resource Sharing) CORS(Cross-Origin Resource Sharing, 교차 출처 리소스 공유) 개발하다가 흔히 볼 수 있는 아래와 같은 내용이다. 오늘은 이 CORS에 대해 포스팅해보고자 한다. 교차 출처 리소스 공유(Cross-Origin Resource Sharing, CORS)는 HTTP 헤더에 추가되어, 실행 중인 웹 애플리케이션이 다른 출처의 선택한 자원에 접근할 수 있는 권한을 부여하도록 브라우저에 알려주는 체제이다. 웹 어플리케이션은 리소스의 도메인, 프로토콜, 포트가 다를때 교차 출처 HTTP 요청 실행한다. - 도메인 https://www.naver.com 과 같은 주소를 도메인이라고 한다. - 프로토콜(protocol) 컴퓨터나 원거리 장비사이에서 서로 메세지를 주고받는 양식과 규칙이다. 대.. 2022. 10. 8. 22:09 이전 1 ··· 4 5 6 7 8 9 10 11 다음 728x90
