web study

주니어 개발자로 일하고 있는데, 컴퓨터공학 등의 관련 전공이 아니다. 때문에 관련 지식 공부가 필요하다고 느껴 사이버대학에 편입하였다. 졸업하기 위해서는 IT 관련 자격증이 필요하다. 정보처리기사는 이미 취득했기 때문에 어떤 걸 취득할까 하다가 SQLD로 정했다. 실무에서 DB 전문가가 아니더라도 DB를 조작해서 테스트하는 일이 꽤 자주 있었다. 그리고 요즘은 사무직도 DB는 기본적으로 공부한다고 하더라. 2024년 5월 25일 제53회 시험을 3주 앞두고 공부하기로 했다.   SQLD 과목출제 과목을 정리하는 건 기본 중 기본. 주관식이 사라지고 과목이 일부 변경되었으니, 과목도 반드시 체크해둘 것. 주요 항목세부 항목과목1. 데이터 모델링의 이해제1장. 데이터 모델링의 이해제2장. 데이터 모델과 SQ..

Swagger에서 API 정보가 담긴 JSON 경로를 찾는다. 보통 Base URL 아래에 위치한다. import 방법은 여러 가지가 있다. 파일을 사용하거나 Raw text를 사용하거나 Link를 그대로 사용해도 된다. 목차 Link import 방법 File Import 방법 Raw text Import 방법 Postman - Swagger API import 방법 1. Link import 방법 좌측 상단 import 클릭 Link 탭에서 import 할 링크를 적고 Continue 버튼을 클릭한다. Collections에 세팅하고 싶다면 아래와 같이 Settings를 열고 Copy collections to workspace의 옵션을 켜주어야 한다. 2. File Import 방법 우선 Swagg..

VSCode에서 터미널 실행을 하면 켜졌다가 바로 꺼지는 현상이 발생했다. VSCode를 계속 다시 실행해봐도 같은 현상이 발생했다. 이 현상을 해결하기 위해서는 너무 간단해서 어이없지만 컴퓨터를 재부팅한 후에 다시 실행하면 해결된다.

카카오에서 제공하는 지도 API를 사용하기 위해 애플리케이션을 생성하고 키를 발급받아보자. 목차 카카오 애플리케이션 생성하고 키 발급받기 카카오 API 사용하기 카카오 애플리케이션 생성하고 키 발급 받기 1) 카카오 개발자 페이지에서 로그인한다. 2) 내 애플리케이션으로 들어가 애플리케이션을 추가한다. 3) 앱 이름과 사업자명을 작성한다. 중요하지 않으니 대충 적는다. 4) 애플리케이션을 생성하고 클릭해서 들어가면 앱 키를 확인할 수 있다. 5) 플랫폼-Web에서 사이트 도메인을 등록해준다. 로컬 경로도 등록해주어야 한다. 리액트라면 http://localhost:3000을 등록한다. 배포 시에는 배포 사이트의 도메인으로 변경한다. 카카오 API 사용하기 1) 민감한 정보이기 때문에 .env 파일을 생성..

웹 프로젝트를 시작할 때 폴더와 파일 구성, 설치할 라이브러리, config 설정 등 초기 세팅에 머리 싸맨 적 많을 것이다. 만들어 둔 Boilerplate도 없다면 Create App을 이용해보자. Create App 사용하기 1. Create App 홈페이지에 들어간다. 2. 프로젝트에 적용할 라이브러리나 번들러, 언어 등을 선택한다. 3. 프로젝트명을 입력 후, Download project를 클릭해 다운로드한다. 4. 프로젝트 폴더가 생성되면, READ.md 파일을 열어 가이드대로 초기 세팅을 해주면 끝이다.

네이버에서 제공하는 API를 사용하려면 KEY를 발급받아야 한다. 네이버 개발자센터에서 애플리케이션 등록을 통해 검색용 API를 KEY를 받아두자. 1) 네이버 개발자센터 > 애플리케이션 > 애플리케이션 등록 검색 관련 앱을 제작한다면 사용 API를 '검색'으로 선택한다. (작성 예시) 2) 아래 경로에서 Client ID, Secret KEY를 확인할 수 있다. 네이버 개발자센터 > 애플리케이션 > 등록한 애플리케이션 클릭

포스트맨으로 네이버의 OPEN API를 실행하여 테스트하는 방법에 대해 알아보자. 목차 포스트맨(Postman) 사용 이유 포스트맨으로 네이버 OPEN API 실행하기 1. 포스트맨(Postman) 사용 이유 API 요청할 때 서버가 제대로 동작하는지 확인해보기 위해 API 요청 후 출력되는 데이터를 확인하기 위해 2. 포스트맨으로 네이버 OPEN API 실행하기 (영화 검색 API 사용한다고 가정) 1) 네이버 개발자 센터 - 새 애플리케이션 생성 애플리케이션 - NAVER Developers developers.naver.com 2) 포스트맨 설치 Postman API Platform | Sign Up for Free Postman is an API platform for building and us..

VSCode에서 코드에 올리면 아래와 같이 아~주 친절한 MDN 팝업창이 뜨는데, 보지도 않고 잘못 눌려서 방해만 된다. MDN 팝업창을 해제해보자. MDN 해제 방법 1) cmd + shift + p (ctrl + shift + p)를 누른다. 2) 검색창에 'Settings'를 입력한 뒤, Preference: Open Settings (JSON)을 선택한다. 3) Setting.json 파일이 열리면 아래 값을 추가한다. "editor.hover.enabled": false, "editor.codeLens": false, "html.hover.documentation": false, "html.hover.references": false

Homebrew는 무엇인지 알아보고, 맥에 설치해보도록 하겠다. 설치하기에 앞서 필자의 macOS 버전은 Catalina 10.15.7이다. 목차 Homebrew란? Homebrew 설치 1. Homebrew란? 패키지를 편리하게 설치/제거할 수 있는 MacOS용 패키지 관리자이다. 터미널을 사용하기 때문에 익숙하지 않을 뿐이지 사용해보면 정말 편리하다. App store를 통해 여러 가지 프로그램을 설치할 경우 삭제하더라도 기존 데이터가 남아있는 경우가 있다. Homebrew를 사용하는 이유는 이러한 잔존 데이터가 남지 않게 설치/삭제/업데이트할 수 있기 때문이다. 2. Homebrew 설치 맥의 터미널을 통해 Homebrew를 설치해보도록 하겠다. 1) Homebrew 사이트에 접속한다. https:..

애드센스 승인이 된 지 얼마 되지 않아 애드센스에 json 관련하여 알람이 떠서 당황했다. 내가 정책을 위반한 게 있는지 불안해하며 알아봤는데 생각보다 간단하게 해결할 수 있는 문제였다. 아래 순서 그대로 잘 따라 해서 해결하길 바란다. 우선 해당 알림창에 있는 '자세히 알아보기'를 클릭하여 구글 애드센스 도움말을 천천히 살펴보니 사실문제라기보다는 광고의 투명성을 위한 새로 추가된 정책이었다. json 세팅을 통해 광고를 게시하는 홈페이지의 호스트는 광고 업체의 정보를 공유할 수 있도록 하고, 광고주는 자신의 광고가 어떤 홈페이지에서 노출되고 있는지 게시자의 신원 관련 리스트를 받아볼 수 있다고 한다. 이를 통해 광고의 사기도 방지한다고 한다. 만약 이 세팅을 귀찮다고 하지 않으면 광고 수익에도 영향이 ..