프로그래머가 되는 길 프로그래머가 되는 길

* 프로젝트명 : 마이블로그 * 사용할 기술스택 Publish Front-end Back-end DB HTML CSS tailwinds React Typescript Node.js Express MongoDB * tailwidns 선택 이유 → bootstrap, vuetify, thymeleaf 등을 사용해 보았지만 테일윈즈는 아직 사용해보지 않아서 개인 프로젝트를 진행하며 실 업무에서 사용하지 않을 것 같지만 핫한 기술을 사용해보고 싶었다. 또한 아주 잠깐 vue3를 배울 때 사용해본 결과 class로 세세하게 css를 지정할 수 있는 것처럼 느껴져서 사용해보고 싶었다. * React 선택 이유 → Vue3를 배우면서 서버/클라이언트 렌더링에 대해서도 알게 되고, js파일로 화면을 구축하는 것의 편리..

Express.js란 Node.js에서 웹 애플리케이션이나 API 서버를 구축하는 데 사용하는 Node.js의 프레임워크이다. Express.js를 통해 자바스크립트만으로도 서버를 구축하여 애플리케이션을 만들 수 있다.

★ API란? API는 application program interface의 약자이며 Open API란 외부 소프트웨어 개발자나 사용자가 바로 응용프로그램/서비스 개발에 활용할 수 있게 공개되어 있는 API 혹은 소스를 말합니다. 날씨, 지도 등 다양한 서비스를 개발할 수 있도록 여러 사이트 및 공공기관에서 제공하고 있으며 open이라는 이름답게 누구든지 접근하여 사용할 수 있습니다! (대표적으로 공공데이터포탈이 있습니다!) 참고로 어떤 open api는 일정 요청 횟수까지만 무료로 두는 등 제한적 조건이 있는 경우가 있습니다~! +) 더보기 API는 소스를 사용하려는 사람이나 기업이 특정 형식에 맞게 필요로 하는 데이터를 요청하면 그에 해당하는 데이터를 예쁘게 상자에 담아 보내주는 것과 같습니다. 예..

371번 Sum of Two Integers Given two integers a and b, return the sum of the two integers without using the operators + and -. => int인 a와 b가 주어진다. 이 두 수의 합을 +와 - 연산자를 사용하지 않고 구하라. Constraints: -1000

1번 Two Sum Given an array of integers nums and an integer target, return indices of the two numbers such that they add up to target. You may assume that each input would have exactly one solution, and you may not use the same element twice. You can return the answer in any order. => int[]인 배열 nums와 int target이 파라미터로 주어지며, nums 요소 중 두 요소의 합이 target과 동일할 때 두 숫자의 인덱스를 int[]인 배열로 반..

Node.js 애플리케이션을 배포할 때 환경변수를 사용하는데 운영서버, 개발서버, 로컬 등의 환경에 따라 값을 다르게 줘야 하는 것들을 환경변수로 사용한다. 환경변수(environment variable)에는 DB나 서버의 비밀번호, 어떤 서비스의 인증 정보 등의 값을 담는다. 환경변수는 보통 .env라는 파일을 따로 만들어놓고 process.env.~~ 방식으로 호출하여 사용한다. .env 파일은 서버 애플리케이션 build, dev, generate time 시 로드되고 nuxt.config 파일에 public으로 지정하지 않은 이상 클라이언트 사이드에서는 값을 확인할 수 없다. 이렇게 최상단 폴더(admin 디렉토리) 바로 밑에 .env 파일을 생성하고 파일 내부에 a = b 형식으로 전달하고자 하..

어느 날 스터디를 하는데 스터디원이 json 객체 2개를 합쳐주는 메서드가 있다는 것을 검색하다 알게 되었다고 말했다. 그리고 오늘, 난 JSON 객체 두 개를 합치는 과정이 필요했다. https://developer.mozilla.org/로 가서 assign()에 대해 알아봤다. 그런데 이게 웬걸 ~ 이 assign 메서드는 같은 키 값인 것은 후자의 객체의 값으로 덮어씌운다. 예를 들어, const a = [ { title: 1, value: 2 }, { title: 3, value: 4 }, ]; const b = [ { title: 5, value: 6 }, { title: 7, value: 8 }, ]; const ab = Object.assign(a, ..

2023년 정보처리기사 시험 일정이 드디어 나왔습니다! 저도 실기 시험 봐야 해서 계속 들락날락하다가 일정 나온 걸 이제 알았네요 큐넷 들어가서 일정 보기 번거로우니 일정 공유하겠습니다! 큐넷 바로가기 Q-net 자격의 모든것 www.q-net.or.kr 1. 정보처리기사 접수 유의사항 기사․산업기사․서비스 - 기사 제1회 필기시험 원서접수는 ① 1. 10∼1. 13(2월까지 응시자격을 갖춘 자) 2월 시험시행, ② 1. 16∼1. 19(3월부터 응시자격을 갖춘자) 3월 시험시행에 따라 구분하여 접수하며 - 응시자격기준일(시험일)을 고려하여 기사 제1회 필기시험은 수험자의 학적 변동․ 경력 등 응시자격 충족여부를 확인 후 원서접수 시 시험일을 선택하시기 바람 ※ 산업수요맞춤형고등학교 및 특성화고등학교 등..