전체 글127 JavaScript - Class 함수 (Feat.생성자 함수/Template) 안녕하세요. 이번 포스팅에서는 Class 의 대한 기본개념, 사용에 대한 학습을 위한 포스팅을 작성해보겠습니다. 생성자 함수이기도 한 Class 는 활용하기에 따라서 코드의 대한 분리 및 작성이 매우 용이하다고 할 수 있습니다. 시작해보도록 하겠습니다. ============= 1. Class는 무엇인가요? 2. Class 기본 작성 및 주의점 3. Class 상속 사용 ============= 1. Class는 무엇인가요? Class 는 일종의 "Form" 입니다. 이 Class 는 "생성자 함수" 라고도 합니다. 한마디로, 객체를 생성하는 템플릿입니다. SQL 과 같이 일정하게 정해진 방식의 객체를 생성해야할 때 매우 유용합니다. 가장 기초적으로 아래의 형태로 작성한 Class 를 살펴보도록 하겠습니.. 2023. 1. 9. NodeJS - Ajax실제 작성예시 따라해보기 안녕하세요. Hynn 입니다. 이번 포스팅에서는 Ajax를 실제로 작성은 어떠한 방법으로 하는지에 대한 포스팅을 작성해보겠습니다. 또한, Ajax 에서 많이 사용되는 Method 및 외장 Module 에 대해서도 한가지 다루어 볼 예정입니다. ======= 1. Ajax 기본 구성하기 2. Ajax Method - Fetch 3. Ajax Module - Axios ======= 1. Ajax 기본 구성하기 Ajax를 작성하기 위해서 먼저 NodeJS 로 Express Web 서버를 기초적으로 구성해보겠습니다. 이러한 구초구성 코드는 별도의 설명은 생략하도록 하겠습니다. 또한 이번 포스팅에서부터는, Front-end, Back-end 구성을 나누어 작성을 할 예정입니다. 따라서, 그에 맞는 Module .. 2023. 1. 8. Belkin Universal USB-C Triple Display Dock - INC007 안녕하세요. Hynn 입니다. 이번 포스팅에서는 실제 사용하기 위해서 액세서리를 하나 구매한 장비를 소개해드리려고 합니다. M1/M2 Chip 이 출시된 이래로, 영상작업같은 고사양을 요하는 작업이 아니라면, M1/M2 Chip 이 탑재된 MacBook Air 에서만으로도 작업이 충분하게 이루어지는 시대가 왔습니다. 하지만, 모니터는 많을수록 좋다고 하는데.. M1/M2 역시 Pro/Max 가 붙지 않으면, 외장 모니터는 1대밖에 추가연결이 불가합니다. 물론 iPad 제품군들을 이용해서 보조모니터로 활용을 한다면 2대가 되겠지만.. 아이패드의 가격이 모니터 서너대의 가격은 가뿐하게 넘어가는 시대이다 보니.. DisplayLink 라는 기술이 활용된 도킹스테이션을 소개합니다. =========== 1. I.. 2023. 1. 8. CSR 과 SSR 알아보기 안녕하세요. Hynn 입니다. 이번 포스팅에서는 다음 AJAX 에서 Front-Server 와 Back-end Server 를 구분하여 작성할 예정입니다. 이 방식은 각각의 장단점이 존재하기때문에, 어떠한 방식으로 작동하는지를 알아보고, 그에 대한 개념을 정리해보도록 하겠습니다. ============= 1. SSR , MPA 2. CSR , SPA 3. 장단점 비교하기 ============= 1. SSR SSR 은 Server Side Rendering 의 약자입니다. 이 렌더링 방식은 클라이언트에서 서버에 요청을 하면, 서버에서 HTML에 CSS/JavaScript 등 모든 내용을 완성하고,그 완성한 내용을 Client 에 전달하는 방식입니다. 이 방식은 아래의 단계를 나타냅니다. 1. Client.. 2023. 1. 5. macOS - ARM 기반 Windows 가상머신 설치 (M1/M2 맥북) 안녕하세요. Hynn 입니다. 이번 포스팅에서는 기존의 Intel macOS 기반에서 Windows 를 BootCamp 라는 프로그램을 통해 지원하였던 것이 M1 Chip 으로 이동하면서, 중단이 되었습니다. 하지만 여전히 한국에서는 Windows 사용이 필수일 정도로, 몇몇 서비스에서는 macOS 환경에서 구동할 수 없습니다. 작성자도, 개인적인 송사에 휘말려서 전자소송을 하게됨으로 필요한 상황이여서, 개인적으로 설치를 진행하면서 방법에 대한 정리를 진행해보았습니다. 개발공부도 필요하지만, 이런 일상의 글도 간간히 올릴 예정입니다. =========================== 1. Window 설치 준비물 2. 설치과정 알아보기 3. 드라이버 설정하기 =========================.. 2023. 1. 5. NodeJS - Ajax 에 관하여 (Feat.XML) 안녕하세요. Hynn 입니다. 이번 포스팅에서는 Ajax 에 관련하여 학습을 진행하고자 합니다. 이전 프로젝트에서 진행했을때, 가장 구현하고자 했지만, 정해진 Module 안에서 진행을 하려고 하다 보니, Ajax 에 대한 필요성을 보다 많이 느끼게 된 프로젝트 이기도 했습니다. 오늘 포스팅에서는 이 Ajax 가 무엇이고, 어떻게 동작을 지원하는지에 대해서 알아보고, 실제 코드 작성을 다음 포스팅에서 나누어 진행할 예정입니다. =========== 1. Ajax 란 무엇인가요? 2. Ajax 의 동작방식 3. Ajax와 함께 알아야할 XML =========== 1. Ajax 란 무엇인가요? Ajax는 Asynchronous JavaScript and XML의 약자로 쉽게 이해하자면, 웹 페이지의 일부만.. 2023. 1. 5. 이전 1 ··· 9 10 11 12 13 14 15 ··· 22 다음