JUNEee

Number 의 특징자바스크립트에서는 숫자 자료형이 매우 넒은 부분을 포함한다.일반적으로 java 와 같이 타입이 고정되어있는 언어의 경우 숫자형 타입으로 intlongbyteshort등이 존재하는 반면 자바스크립트의 경우 이러한 숫자의 형태와 상관 없이 모든 형태를 허용하게 된다.아래 예제를 보면 let 으로 선언된 result라는 변수에 정수형, 실수형, 2진수값, 16진수값 등 여러 숫자형 타입이 들어갈 수 있으며, 모두 10진수로 변환되어 출력됨을 알 수 있다.let result = 3console.log(result); //3//result = 3.14console.log(result); //3.14//result = 0b0011;console.log(result); //3//result = 0..

프로토타입이란?자바스크립트의 모든 객체는 자신의 "원형(Prototype)" 이 되는 객체를 가지며 이를 프로토타입이라고 한다.뭔소린지 모르겠다. 원형이 되는 객체? 의미가 다소 추상적이지 않는가 예시 코드를 보며 이해해보자.먼저 사람 이라는 생성자 함수를 추가해주었다. 사람은 고유의 이름과 성별 나이 등을 가지고 있을 수 있는데, 현재는 이름과 나이 뿐이다.따라서 사람 이라는 객체에 프로토타입을 활용하여 gender 라는 값을 추가해볼 예정이다.먼저 출력해보기생성자를 호출하여 사람 객체 하나를 만들고 값을 출력해보았다.이전에 정의한 대로 name과 age가 잘 들어있는 것을 볼 수 있다.우리는 여기서 프로토타입을 활용하여 gender라는 필드를 추가해줄 것이다.앞서 초반에 프로토타입에 대한 정의로 자바..

CRUD 란?CRUD 란 Create, Read, Update, Delete 의 앞글자를 딴 개념으로 대부분의 시스템이 데이터를 처리할 때 기본적으로 제공하는 핵심 기능을 의미한다.본 블로그에서는 CRUD를 각각C (Create) : 회원가입R (Read) : 회원조회U (Update) : 회원정보 수정D (Delete) : 회원정보 삭제로 구현해볼 예정이다.시작하기 전 준비하기회원관리 기능을 구현하기 전 사전 준비작업이 필요하다.먼저 사용할 기술스택은 다음과 같다Spring BootMySQLSpring JPASpring SecuritySwagger먼저 MySQL, Spring JPA, Spring Security, Swagger 사용을 위해 의존성을 추가해주어야 한다현재 추가된 의존성은 다음과 같다//..

[REST Api 개념]Api 란?Application Programming Interface 의 약자로 컴퓨터나 컴퓨터 프로그램이 서로 소통할 수 있도록 제공하는 인터페이스이다.웹 환경에서의 api는 서버가 제공하는 기능들을(자원의 조회 등..) URI 의 형태로 클라이언트에게 제공하게 된다.REST 란?Representational State Transfer 의 약자로 HTTP 프로토콜을 이용한 웹 서비스 설계에서 주로 사용하는 설계 원칙이다.자원을 이름으로 구분하여 자원의 상태를 주고받는 모든 것들을 의미하며 네트워크 상에서 클라이언트와 서버 사이의 통신 규칙 이라 이해하면 될 것이다.REST Api 란?REST Api 는 REST의 설계원칙이 적용된 Api 를 의미하며 URI 로 자원의 형태를 표..

[ 변수의 선언 ]자바스크립트에서 변수를 사용하기 위해서는 반드시 사전에 개발자가 사용할 변수를 선언하여야 한다.자바스크립트에서는 변수를 선언하기 위해 3가지 키워드를 제공한다varletconstvar : 여러 블로그들을 살펴보면 "제발 var 쓰지 말고 let 쓰세요" 라는 글들을 심심치 않게 볼 수 있다.그 이유는 여러가지가 있는데 대표적으로 var 라는 키워드는 블록 레벨 스코프를 지원하지 않고 함수 레벨 스코프를 지원한다는 점이다.블록 레벨 스코프 : 블록 레벨 스코프란 선언된 변수가 특정 블록 내부에서 유효함을 의미한다.function example() {if (true) { let count = 20;}console.log(count); //에러// count 라는 변수는 if 라는 블록 내..

CI/CD 개념개발자라면 한번쯤은 이런 생각을 했을 것이다 "서비스를 개발하고 배포하는 과정이 너무 귀찮은데?" 수시로 바뀌는 코드들과 버그 수정으로 반복되는 테스트, 빌드->배포 과정은 매우 비효율 적일 뿐더러 무엇보다 귀찮다. 반복되는 이 일련의 과정을 자동화 시킨다면 생산성과 효율 면에서 매우 긍정적인 효과를 가져다 줄 것이다!CI/CD 란 이런 개발자들의 귀찮음을 해결해줄 수 있는 훌륭한 자동화 기술 이다! CI(Continuous Intergration)CI 란 Continuous Intergration [지속적 통합] 을 의미한다.한 프로젝트에 git을 사용하여 여러 개발자가 개발하고 있다고 가정해보자 만약 프로젝트를 오랜 기간 병합하지 않고 각자 개발했다면 후에 병합을 진행했을 때 수많은 충..

Git Flow(깃 플로우)들어가기 전..깃 플로우 전략을 이해하기 위해서는 먼저 Git 관련 지식들이 선행되어 있어야 한다.branch, commit, merge 등 git에 대한 기본 개념git branch, git add, git checkout, git push 등 기본적인 깃 사용 명령어코드 리뷰 등 git을 사용한 전반적인 개발 프로세스에 대한 이해Git Flow 란 무엇인가?git flow 는 한마디로 브랜치 관리 전략이다. 만약 여러분이 git 을 사용하여 여러사람과 프로젝트를 진행 하는데 팀원들 끼리의 약속 없이 마구잡이로 브랜치를 생성하고, 병합하고, 푸시 한다면 코드가 뒤죽박죽 섞이거나 충돌이 발생하여 이를 수정하는데에 많은 시간이 소요될 것이며 그만큼 서비스 배포도 지연될 것이다....

MCP 란 무엇인가?!MCP는 여러 LLM 모델이 외부 세계와 통신하기 위해 엔트로픽 에서 정의한 표준 프로토콜 이라고 할 수 있다.여러 mcp를 소개하는 글에서는 mcp를 USB-C 포트로 비유하는 경우가 많은데, 이는 mcp 공식문서에서도 확인할 수 있는 내용이다.Think of MCP like a USB-C port for AI applications. Just as USB-C provides a standardized way to connect your devices to various peripherals and accessories, MCP provides a standardized way to connect AI models to different data sources and tools. ..

selenium을 활용한 네이버 크롤링 2편삽질의 시간!자 먼저 크롤링을 수행할 페이지를 찾기 위해 리뷰가 있는 네이버 지도를 들어가 준다(Chrome)네이버 지도스타벅스 페이지로 이동그 다음 리뷰가 있는 페이지로 이동해줄텐데 나는 강남 스타벅스 페이지 에서 삽질을 해볼 생각이다개발자 도구 열기먼저 리뷰를 누르고 크롬 브라우저 우측 상단 점 3개 클릭 -> 도구 더보기 -> 개발자 도구 를 눌러 준다개발자 도구에서 리뷰 요소 찾기개발자 도구 창에서 좌측 상단에 보시면 페이지 element를 선택할 수 있는 도구가 있는데클릭한 다음 리뷰를 누르자개발자 도구에서 리뷰 요소 찾기그러면 해당 리뷰 글이 어떤 요소에 포함되어 있는지 전반적인 페이지 구조를 확인할 수 있게 된다페이지 구조 분석그렇다면 이제 리뷰를 ..

결과 화면최종적으로 완성된 화면이다.제목은 '리뷰 크롤링' 이라고 지었으나, 리뷰 뿐만 아니라 영업시간과 영업중인지 아닌지 등 대부분의 데이터 들을 크롤링 하여 활용할 수 있다.들어가기 전기본적으로 네이버는 크롤링이 막혀있다.. 본 블로그는 스프링 부트에서 selenium을 활용한 크롤링 방법을 '공부' 하기 위해 작성하였기 때문에 이것을 우회하기 위한 자세한 설명은 제외하였다(네이버가 제공중인 api에서는 특정 매장의 정보를 제한적으로 공개하고 있기 때문에, 이상의 데이터를 크롤링 하는 것은 네이버 정책에 위배될 수 있음을 고려함)환경 세팅(준비물)JAVA Spring Bootselenium크롤링 할 대상 페이지selenium 의존성 추가(Gradle)implementation 'org.selenium..