본문 바로가기

전체 글

 (41)
UI 디자인에 자신이 없으면?? - 피그마 플러그인 [Layermate] 예전부터 꾸준히 혼자서 앱도 만들고 웹도 만들면서가장 힘들었던게 바로 UI 디자인을 구상하는거였습니다. 디자인에 전혀 소질이 없던 저는디자인 구상에 시간도 많이 걸렸고, 완성품도 스스로도 만족하지 못할 정도로너무 수준이 낮았어요. 하지만 피그마의 플러그인인 Layermate를 알게 된 후,더 이상 저는 UI 디자인에 대한 고민을 하지 않고개발에만 집중하고 있습니다!! Layermate 란?Layermate는 Figma에서 사용 가능한 AI 기반 디자인 어시스턴트 플러그인으로, 디자이너들이 자연어로 디자인 요청을 입력하면 그에 맞는 디자인을 자동으로 생성해주는 도구입니다.한마디로 피그마에서 사용하는 chatGPT 라고 이해하시면 됩니다. https://www.figma.com/community/plugi..
내 사이트에 간편 로그인 추가하기 [ 카카오 로그인 - React, nodejs ] 요즘 개발할 시간이 없어서새벽에 틈틈히 개발을 하고 있어요. 오늘은 카카오 로그인을 구현하려고 해요 카카오 로그인 구현하기 1. 초기 설정https://developers.kakao.com/ Kakao Developers카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다.developers.kakao.com에서 애플리케이션을 추가해야 합니다.로그인 후 내 애플리케이션 > 애플리케이션 추가하기를 눌러 등록해주세요. 2. 플랫폼 등록내 애플리케이션 > 앱 설정 > 플랫폼 에서 플랫폼을 등록할 수 있어요.저는 웹만 사용할거기 때문에 웹만 등록하겠습니다.테스트 환경에서 사용되는 프론트 도메인을 적어줬습니다.또한 카카오 로그..
프로그래머스 PCCE 시험 후기 안녕하세요.오늘 PCCE 시험을 봐서 후기를 적어보려고 해요. 몇일 전 학교에서 PCCE 시험 관련해서 공지가 떴어요.시험 점수에 따라 졸업인증점수를 주고, 심지어 응시료도 지원해준다길래 바로 신청했습니다. 사실 이 전까지 PCCE가 뭔지 몰랐는데 찾아보니 코딩필수역량인증 시험이라고 해요. PCCE(코딩필수역량인증)이란?프로그래머스에서 치르는 시험으로 프로그래밍 문법과 알고리즘에 대한 기초~실무 역량을 평가해요다음과 같이 4개의 레벨로 나눠집니다. 이 외에도 프로그래머스에서 치르는 시험은 PCSQL, PCCE의 상위 시험인 PCCP가 있어요. 시험은 당연히 컴퓨터로 치뤘고요. 저는 학교 실습실에서 감독관 감독 하에 시험을 치뤘습니다. 난이도는?엄청 엄청 엄청 엄청 쉬웠습니다.평소에 코딩테스트를 좀 하셨..
내 사이트에 광고 넣기 [ 구글 애드센스 ] 이번에는 제 사이트에 광고를 넣어 수익화를 하려고 해요. 저는 구글 애드센스를 이용하여 광고를 넣어 보겠습니다. 구글 애드센스 신청 절차 1. 구글 애드센스 접속 https://adsense.google.com/adsense 2. 왼쪽 탭의 사이트 클릭, 새 사이트 누르기 3. 광고를 삽입할 URL 입력 4. 사이트 소유권 확인저는 메타 태그 방법을 이용해서 소유권을 확인했습니다.코드를 복사해서 프로젝트 내 index.html 의 head 태그 사이에 넣었습니다.넣은 후 HTML 태그를 삽입했습니다. 에 체크 후 확인을 누르면 소유권 확인이 완료됩니다. 승인 결과는 2~4주 까지 소요될 수 있다고 합니다.
네이버 검색 엔진에 내 사이트 등록하기 저번 구글 검색 엔진 등록에 이어서이번에는 네이버 검색 엔진에 제 사이트를 등록하려고 합니다. 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 ) 도착 순서대로 프로세스를 할당한다. 그러다보니 사용시간이 ..

티스토리툴바