ASAC 웹풀스택 브라우저 딥다이브

[ASAC 웹풀스택] 브라우저 딥다이브

 

	서버알고리즘웹
작성일	@2023년 7월 31일
공부내용	HTMLX는 무엇인가? HTML+ 마크업언어로 확장된것 IG (Internet Gateway) 는 무엇인가? DHCP (Dynamic Host Configuration Protocol)는 무엇인가? NAT (Network Address Translation)는 무엇인가? IGW (Internet Gateway)는 무엇인가? CGI (Common Gateway Interface) 는 무엇인가?
주차	2주차
티스토리주소	https://comingsoon1004.tistory.com/entry/ASAC-웹풀스택-웹-통신-이해-딥다이브

•  

 

웹개발에서의 핸들바란?

 

웹개발에서의 핸들바란? 핸들바(Handlebars)는 웹 개발에서 사용되는 JavaScript 기반의 템플릿 엔진입니다. 동적 HTML을 생성하기 위해 데이터를 템플릿에 바인딩하는 동안 코드를 쉽게 읽고 유지 관리할 수 있게 해 줍니다. 핸들바는 중괄호 ({{ }})로 둘러싸인 태그를 사용하여 데이터를 참조합니다. 예를 들어, 다음은 핸들바 템플릿의 간단한 예입니다.

 

<!--Handlebars 템플릿-->
<script id="example-template" type="text/x-handlebars-template">
  <p>이름: {{name}}</p>
  <p>나이: {{age}}</p>
</script>

 

 

웹개발에서의 서드파티 와 라이브러리는 무엇인가?

 

웹개발에서 사용되는 서드파티 라이브러리 웹 개발에서 사용되는 서드파티 라이브러리(third-party libraries)는 개발자들이 코드를 작성할 때 흔히 사용하는 외부 라이브러리입니다. 이들은 코드 작성을 쉽고 빠르게 할 수 있게 돕습니다. 예를 들어, jQuery는 DOM을 조작하는 데 유용한 서드파티 라이브러리입니다.

 

 

jQuery는 DOM을 조작하는데 유용한 서드파티 라이브러리입니다.

// jQuery를 사용하여 div 요소의 클래스를 변경합니다.
$('div').addClass('newClass');

 

 

 라이브러리(library)는 재사용 가능한 코드 조각을 모아 둔 소프트웨어 모음입니다. Lodash(배열, 숫자, 객체, 문자 등을 조작하는데 사용할 수 있는 유틸리티 함수 모음)가 좋은 예시입니다.

 

// Lodash를 사용하여 배열의 마지막 요소를 가져옵니다.
const arr = [1, 2, 3, 4];
const lastElement = _.last(arr); // 결과: 4

 

 

intranet 과 intranet 차이점은 무엇인가?

 

인트라넷과 인터넷의 차이점은 무엇인가? 인트라넷과 인터넷은 네트워크와 관련된 용어입니다. 

인터넷은 전 세계적으로 연결된 컴퓨터 네트워크를 의미하며, 모든 사람들이 접근할 수 있는 공공 영역입니다. 

 

반면에 인트라넷은 특정 조직이나 기업 내부에서 사용되는 사설 네트워크를 의미합니다. 

인트라넷은 보안이 강화되어 있으며, 조직 내에서만 접근할 수 있는 리소스와 정보를 제공합니다.

 

 

서드파티와 라이브러리는 무엇인가?

 

 

서드파티와 라이브러리는 무엇인가? 

서드파티는 웹 개발에 사용되는 다른 개발자나 개발사가 제작한 소프트웨어나 플러그인을 의미합니다. 

 

라이브러리(library)는 재사용 가능한 코드 조각을 모아 둔 소프트웨어 모음입니다. 

Lodash(배열, 숫자, 객체, 문자 등을 조작하는 데 사용할 수 있는 유틸리티 함수 모음)가 좋은 예시입니다.

 

SEO란 무엇인가?

 

SEO란 무엇인가? SEO(Search Engine Optimization)는 웹사이트를 검색 엔진 결과 페이지에서 높은 순위에 노출되도록 최적화하는 작업을 의미합니다. 가장 기본적인 예시로, meta 태그를 사용하여 페이지에 대한 키워드와 설명을 추가할 수 있습니다.

<!-- SEO를 위한 메타 태그 -->
<meta name="keywords" content="예시, 검색, 최적화">
<meta name="description" content="이 페이지는 SEO 예시입니다.">

 

 

Next.js에서 ORM이란?

 

 

Next.js에서 ORM이란? ORM(Object-Relational Mapping)은 객체와 관계형 데이터베이스 간의 관계를 매핑하는 기술입니다. 

Next.js에서는 주로 데이터베이스와 애플리케이션 간 데이터 변환을 간소화하고 코드 베이스를 정리하기 위해 사용됩니다. 

Prisma는 Next.js와 함께 사용되는 일반적인 ORM입니다.

 

// Prisma를 이용해 사용자를 생성하는 예제

// Prisma를 이용해 사용자를 생성하는 예제
import { PrismaClient } from "@prisma/client";
const prisma = new PrismaClient();

async function createUser(name, email) {
  const user = await prisma.user.create({
    data: {
      name: name,
      email: email,
    },
  });

  return user;
}