본문 바로가기

분류 전체보기29

[Node.js]개념 및 정의 Node.js란? Node.js는 Chrome V8 JavaScript 엔진으로 빌드 된 JavaScript 런타임입니다. 노드를 통해 다양한 자바스크립트 애플리케이션을 실행할 수 있으며, 서버를 실행하는 데 많이 사용된다. JavaScript를 서버에서도 사용할 수 있도록 만든 프로그램이다. V8이라는 JavaScript 엔진 위에서 동작하는 자바스크립트 런타임(환경)이다. 서버사이트 스크립트 언어가 아니다. 프로그램(환경)이다. 웹서버와 같이 확장성 있는 네트워크 프로그램을 제작하기 위해 만들어졌다. Node.js는 확장성이 있는 네트워크 어플리케이션 개발에 사용되는 소프트웨어 플랫폼이다. 특히 서버사이트에서 많이 사용되고 있다. 사용되는 언어로는 자바스크립트(Javascript)를 활용하며, Non.. 2023. 5. 22.
IFrame 이란? -softeasy- 아이프레임(IFrame)은 inline frame의 약자이다. 간단하게 다른 HTML 페이지를 현재 페이지에 포함 시키는 것. HTML // 문법 // 예시 iframe 속성 - src : 삽입 할 홈페이지 url - name : 프레임 이름 - width : 프레임 가로 너비 - height : 프레임 세로 길이 - frameborder : 프레임 테두리 선 (0으로 설정하면 프레임의 테두리선 x, 1로 설정하면 프레임의 테두리선 o) - scrolling : 스크롤바의 표시 여부를 나타냅니다. (yes로 설정하면 스크롤 바 무조건 표시, auto는 자동 표시) - align : 정렬, left 왼쪽, right 오른쪽, middle 중앙, absmiddle 줄 중간 정렬이 있다. - seamless .. 2023. 5. 17.
WebSocket(웹소켓)이란? 웹 소켓은 두 프로그램 간의 메시지 교환을 위한 통신 방법 중 하나 현재 인터넷 환경(HTML5)에서 많이 사용된다. 웹 소켓을 지원하는 브라우저의 경우 웹 소켓 프로토콜을 지원 W3C와 IETF에 의해 자리잡은 표준 프로토콜 중 하나 웹 소켓의 특징 웹 소켓이 나온 이유는 특징과 연관이 된다 양방향 통신(Full-Duplex) 데이터 송수신을 동시에 처리할 수 있는 통신 방법 클라이언트와 서버가 서로에게 원할 때 데이터를 주고 받을 수 있다 통상적인 Http 통신은 Client가 요청을 보내는 경우에만 Server가 응답을 하는 단방향 통신 실시간 네트워킹(Real Time-Networking) 웹 환경에서 연속된 데이터를 빠르게 노출 ex) 채팅, 주식, 비디오 데이터 웹 소켓 동작 방법 웹 소켓도 .. 2023. 5. 15.
HTML 기본 - 프론트 엔드 HTML (Hypertext Markup Language)은 웹 페이지와 그 내용을 구조화하기 위해 사용하는 코드입니다. 그래서 HTML은 무엇일까요? HTML은 콘텐츠의 구조를 정의하는 마크업 언어 입니다. HTML은 콘텐츠의 서로 다른 부분들을 씌우거나 감싸서 다른 형식으로 보이게하거나 특정한 방식으로 동작하도록 하는 일련의 요소 로 이루어져 있습니다. 태그로 감싸는 것으로 단어나 이미지를 다른 어딘가로 하이퍼링크하거나 단어들을 이탤릭체로 표시하고 글씨체를 크게 또는 작게 만드는 등의 일을 할 수 있습니다. 예를 들어) My cat is very grumpy -> My cat is very grumpy 이런 식으로 문단 태그를 둘러싸서 하나의 문단임을 명시 할 수 있다. HTML 요소 분석 My ca.. 2023. 5. 12.
[Next.js] 13 폴더 구조 및 특징 - 프론트엔드개발 Next.js 13버전부터 변화가 생겼습니다. 변경 사항에 대해서 알아보겠습니다. Next.js 12까지는 pages 폴더에 파일을 만들면 자동으로 라우팅을 지원해 줬는데 Next.js 13부터는 Nested Layout을 위해 app 폴더 구조로 되었습니다. app 폴더를 사용하기 위해서는 우선 pages 폴더가 아니라 page.tsx 파일을 작성해야 됩니다. 그리고 아래와 같이 작성 하시면 됩니다.import React from 'react'type Props = {}function Home({}: Props) {  return div>Homediv>}export default Home그리고 next.config.js에서 app를 사용하도록 수정을 해야 합니다./** @type {import('nex.. 2023. 5. 10.
[JS]영어 대문자, 소문자 변 문자(영어)를 대문자 및 소문자 변환하는 방법 소문자 > 대문자 "문자".toUpperCase() 대문자 > 소문자 "문자".toLowerCase() let 소문자 = "abc" let 대문자 = "ABC" let result = "" result = 소문자.toUpperCase() //abc소문자를 toUpperCase함수를 통해서 대문자로 변환 console.log(result) result = 대문자.toLowerCase() //ABC대문자를 toLowerCase함수를 통해서 소문자로 변환 console.log(result) 2023. 5. 8.