분류 전체보기 (29) 썸네일형 리스트형 네이버 검색 엔진에 내 사이트 등록하기 저번 구글 검색 엔진 등록에 이어서이번에는 네이버 검색 엔진에 제 사이트를 등록하려고 합니다. 1. 네이버 서치어드바이저 접속https://searchadvisor.naver.com/ 네이버 서치어드바이저네이버 서치어드바이저와 함께 당신의 웹사이트를 성장시켜보세요searchadvisor.naver.com 2. 웹마스터도구에서 도메인 등록 로그인 후, 우측 상단에 웹마스터 도구로 들어갑니다. 등록할 사이트의 URL을 입력해주세요. 3. HTML 태그 등록 URL 입력을 완료하면, HTML 파일 업로드와 HTML 태그 중 선택을 해야합니다.저는 HTMl 태그를 이용하겠습니다.메타 태그를 복사하여 index.html의 헤더 부분에 붙여 넣습니다.이후 소유 확인을 누르면, 등록이 완료됩니다! 구글 서치 콘솔에 내 홈페이지 등록하기 개발한 홈페이지를 배포까지 끝냈으면,이제 사람들이 검색을 통해 내 사이트에 들어올 수 있도록 해야 한다. 오늘은 구글 서치 콘솔에 내 홈페이지를 등록하여,구글에 내 사이트가 뜨도록 해보겠다. 사이트 등록 과정 1. 구글 서치 콘솔에 접속한다.https://search.google.com/ Google www.google.com 2. 좌측 상단에 속성 추가 버튼을 누른다. 3. URL 접두어에 등록하고픈 사이트 URL을 적는다.4. HTML 태그 방법을 사용한다.메타태그를 복사하여 프로젝트 index.html 의 헤더 부분의 붙여 넣는다. 5. 붙여넣기 후 확인을 누르면 소유권이 확인된다. 구글 서치 콘솔에 페이지를 등록하면, 구글 검색 엔진에 등록이 되기 때문에내 사이트를 더 잘 노출시킬 수 있다.이제.. Vercel로 프론트엔드 배포하기 개인 프로젝트의 MVP 모델 개발을 완료하고,이제 배포를 할 단계가 되었다. 원래 AWS를 사용하여 배포하려고 했었다.학교 전공수업에서 AWS 수업을 듣고 있어 어느정도 친숙한 느낌이 있었기 때문이다. 그러다 스레드를 통해 Vercel 이라는 플랫폼을 알게되었고,간편하게 무료로 배포할 수 있어서 Vercel을 선택하였다. Vercel이란?Next.js 개발사에서 만든 플랫폼으로 쉽게 배포를 할 수 있는게 가장 큰 특징이다.깃허브와 연동하여 코드 변경이 일어날 경우 자동으로 빌드부터 배포까지 진행된다. 배포 방법 1. vercel 홈페이지에 접속해 계정을 생성한다.https://vercel.com/home Vercel: Build and deploy the best web experiences with .. [ 운영체제 ] 스케줄링 스케줄링이란?큐에 대기중인 작업들중에서, 어떤 작업을 먼저 처리할 것인지 결정하는 선택 기준우선순위 기반 / 비우선순위 기반,선점형과 비선점형으로 나뉘어진다. 선점이란?현재 CPU가 실행중인 작업보다 더 높은 우선순위의 작업이 들어오면, 진행중인 작업을 중단하고, 높은 우선순위의 작업을 실행함 프로세스 스케줄링의 목표- 시스템 효율, 응답성, 공정성 높임- CPU 사용률 최대화- 처리율 최대화- 반환시간 최소화- 대기시간 최소화- 응답시간 최소화 스케줄링에는 어떤 것이 있을까?1. FCFS / FIFO (비선점 스케줄링 기법)- FCFS ( First Come, First serverd )- FIFO ( First In, First Out ) 도착 순서대로 프로세스를 할당한다. 그러다보니 사용시간이 .. [ 운영체제 ] 문맥교환이란? 문맥교환이란?실행중인 프로세스의 상태를 보관하고 다른 프로세스를 실행시키는 작업이다. 프로세스의 상태는 PCB에 보관하고, PCB로부터 가져온다. PCB가 뭔데?운영체제가 프로세스를 제어하는데 필요한 특정 정보들을 저장하는 데이터 구조다.프로세스가 실행될 때 만들어지고, 종료되면 삭제된다.PCB의 구성- 프로세스 식별자 (PID)- 프로세스 상태 - 프로그램 카운터 (PC) : 다음에 실행할 명령어의 주소- 레지스터 저장영역- 스케쥴링 정보- 계정 정보- 입출력 상태 정보- 메모리 관리 정보 문맥교환이 왜 필요할까?하나의 CPU에 여러 프로그램이 실행될 때, 한 프로그램만 CPU를 독점해서 사용하는 것을 막기 위해 사용한다.문맥교환을 하면서, 여러 프로그램이 번갈아가면서 CPU를 사용하도록 하기 위해 문.. [ 운영체제 ] 운영체제 개요 1. 운영체제란 ?시스템 자원을 효율적으로 관리하고, 하드웨어와 사용자 사이 인터페이스를 제공하는 시스템 프로그램운영체제 서비스- 부팅- 사용자 인터페이스- 네트워킹- 하드웨어 관리- 계정 관리- 파일 관리2. 컴퓨터 시스템 구성 요소CPU연산장치제어장치레지스터메모리캐시ROMRAM시스템 버스데이터 버스주소 버스제어 버스입출력 장치키보드마우스모니터프린터캐시 메모리의 역할메인 메모리에서 사용한 또는 사용 예정인 데이터를 캐시 메모리에 적재한다.속도가 빠른 캐시 메모리에서 읽고 쓰므로 CPU 처리 속도와 메모리 처리 속도 차이를 완화시킨다.메모리 계층 구조 보조 기억 장치 -> 주 기억 장치 -> 캐시 -> 레지스터 (대용량, 속도 느림) .. 노마드코더 CSS Layout 마스터클래스 챌린지 - 4일차 1. Auto Columns and Rows 미리 정해둔 그리드의 수보다 많은 양의 컨텐츠가 추가될 때 grid-auto 를 사용하여 그리드를 자동으로 추가할 수 있다. .father{ display: grid; gap: 10px; min-height: 50vh; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); grid-auto-rows: 1fr; grid-auto-columns: 1fr; grid-auto-flow: column; } 가로 2개, 세로 2개의 그리드를 생성해 두었지만 더 많은 양의 내용이 추가되었을 때 grid-auto-rows : 1fr 크기의 새로운 행을 추가한다. grid-auto-columns .. 노마드코더 CSS Layout 마스터클래스 챌린지 - 3일차 1. flex grid flex는 한 방향으로만 레이아웃을 표현한다면, grid는 가로, 세로 2개의 방향의 레이아웃을 표현할 수 있다.. body { display: grid; grid-template-columns: 100px 200px 50px; grid-template-rows: 200px 100px 100px; row-gap: 10px; column-gap: 20px; } grid-template-columns : 열 배치 grid-template-rows : 행 배치 body { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 2fr 1fr 1fr; row-gap: 10px; column-gap: 20px; } fr.. 이전 1 2 3 4 다음
