항해일지

SEO는 검색 엔진 최적화(Search Engine Optimization)의 약자입니다. 검색 엔진은 사용자들이 웹에서 정보를 검색할 때 결과를 보여주는데, 이때 검색어와 관련된 웹사이트가 상위에 나타나면 사용자들이 더 많은 클릭을 하게 됩니다. 이에 따라 SEO는 검색 엔진에서 웹사이트를 노출시키기 위한 여러 기법들을 포함한 전략적인 작업을 의미합니다. 1. Meta Tag Title : 해당 페이지의 제목을 지정합니다. 검색 엔진은 이 태그를 사용하여 페이지의 주요 주제를 확인하고 검색 결과 페이지에 제목으로 표시합니다. Description : 해당 페이지의 설명을 지정합니다. 검색 엔진은 이 태그를 사용하여 페이지의 내용을 간략하게 설명하고 검색 결과 페이지에 표시합니다. Keyword : 해당..

useState 함수형 컴포넌트에서 상태(State)를 관리할 때 사용됩니다. useState 함수는 하나의 인자를 받으며, 해당 인자는 초기 상태(initial state)를 나타냅니다. useState 함수는 배열을 반환하며, 첫 번째 요소는 현재 상태(current state)를, 두 번째 요소는 상태를 업데이트할 수 있는 함수(setState 함수)를 반환합니다. setState 함수는 인자로 새로운 상태를 받아 해당 상태로 업데이트합니다. 이때, 상태가 객체나 배열일 경우, 이전 상태를 복사하고 새로운 상태를 덮어씌워 업데이트합니다. import React, { useState } from 'react'; function Counter() { const [count, setCount] = use..

// 기존의 함수 정의 방식 function add(x, y) { return x + y; } // 화살표 함수 정의 방식 const add = (x, y) => x + y; 화살표함수는 함수 표현에 의해 선언이 된다. 함수 선언식과 함수 표현식 중에 무엇을 써야 할까요? 사실 무엇을 쓰던지 상관 없습니다. 자유성이 필요하면 함수 선언식을, 코드의 엄격함이 필요하면 함수 표현식을 사용하시면 됩니다. 일반함수와 화살표 함수 this 차이점 화살표 함수는 간단하게 함수를 작성할 수 있고, 코드량을 줄일 수 있다. 또한 this 키워드가 함수를 정의할 때의 스코프를 가리키기 때문에, this 키워드가 가리키는 객체를 명확하게 알 수 있다. ex) 일반 함수에서의 this const person = { name..

ES ECMAScript(줄여서 ES)는 JavaScript 언어의 표준을 정의하는 문서이다. 즉, ECMAScript는 JavaScript 언어를 사용할 때 어떤 문법이나 기능을 사용할 수 있는지를 규정한다. ES5, ES6, ES7 등은 ECMAScript 문서의 버전을 의미한다. 각각의 버전에 따라 JavaScript 언어의 문법이나 기능이 업데이트되어 사용할 수 있는 기능이 달라진다. 예를 들어, ES5는 var 키워드로 변수를 선언하고, function 키워드로 함수를 선언하는 등의 문법을 사용한다. 그러나 ES6부터는 let, const 키워드로 변수를 선언하고, 화살표 함수( = () =>)를 사용하여 함수를 선언할 수 있다. 따라서, JavaScript를 사용할 때 ECMAScript의 버..

랜덤한 값을 만드는 함수 // 랜덤한 0 - 9까지의 값을 만드는 함수 function ranNum() { let r = [] while (r.length < 3) { const randomNum = Math.floor(Math.random() * 10) if (!r.includes(randomNum)) { r.push(randomNum) } } return r } 1. 랜덤하게 만든 변수를 담을 빈배열을 변수로 선언해준다. 2. 반복문을 통하여 3개의 상수를 받는 조건을 만든다. 3 . Math.floor() : 버림 메소드 / Math.random() : 0 부터 1까지의 랜덤한 난수를 만드는 메소드 이 두개를 합하여 0 - 9 까지 랜덤한 숫자를 만들어 주었다. 4. includes() : 배열에 ..

GET이란 GET 은 클라이언트에서 서버로 어떠한 리소스로 부터 정보를 요청하기 위해 사용되는 메서드이다. 예를들면 게시판의 게시물을 조회할 때 쓸 수 있다. GET을 통한 요청은 URL 주소 끝에 파라미터로 포함되어 전송되며, 이 부분을 쿼리 스트링 (query string) 이라고 부른다. 방식은 URL 끝에 " ? " 를 붙이고 그다음 변수명1=값1&변수명2=값2... 형식으로 이어 붙이면 된다. 예를들어 다음과 같은 방식이다. www.example.com/show?name1=value1&name2=value2 서버에서는 name1 과 name2 라는 파라미터 명으로 각각 value1 과 value2 의 파라미터 값을 전달 받을 수 있다. GET의 특징 GET 요청은 캐시가 가능하다. : GET을 ..

반복문(for 문) 다시복습 for(let i = 1; i

알고리즘 문제 1-2 일차 Day1 [짝수의 합] 정수 n이 주어질 때, n이하의 짝수를 모두 더한 값을 return 하도록 solution 함수를 작성해주세요. function solution(n) { var answer = 0; for (i = 0; i = 10){ k -= Math.floor(n/10) } answer = (n*12000)+(k*2000) return answer; } 정적 Math.floor()메서드는 항상 내림하고 주어진 숫자보다 작거나 같은 가장 큰 정수를 반환합니다. Day2 [점위치 구하기] 사분면은 한 평면을 x축과 y축을 기준으로 나눈 네 부분입니다. 사분면은 아래와 같이 1부터 4까지 번호를매깁니다. x 좌표와 y 좌표가 모두 양수이면 제1사분면에 속합니다. x 좌표가..