[Tistory] [JavaScript]바닐라자바스크립트 컴포넌트생성하기

// 페이지(컴포넌트) 임포트 import Home from “./public/pages/Home.js”; import Design from “./public/pages/Design.js”; import Board from “./public/pages/Board.js”; import Submit from “./public/pages/Submit.js”; // 경로 문자열을 정규 표현식으로 변환하는 함수 const pathToRegex = path => new RegExp(“^” + path.replace(/\//g, “\\/”).replace(/:\w+/g, “(.+)”) + “$”); // 매개변수와 일치하는 값을 추출하는 함수 const getParams = match => { const values..

[Tistory] 테크레터 3편. 컴파일러와 인터프리터의 차이는 무엇인가요?

오늘은 기본적인 용어에 대해서 간략하게 살펴보도록 하겠습니다. 1. 컴파일러 (위키백과에 따르면) 컴파일은 고급 프로그래밍 언어를 실행 프로그램으로 만들기 위해 저급 프로그래밍 언어로 변환하는 과정을 의미합니다. 컴파일러는 개발자가 작성한 소스 코드를 컴퓨터가 수행하기 위한 코드로 변환해주는 일종의 툴 입니다. 대표적으로 자바 컴파일러를 예로 들 수 있습니다. 이때 고급/저급 언어는 아래와 같이 이해하시면 됩니다. 고급언어 : 사람이 이해하고 작성하기 쉽게 만들어진 언어로, 개발자들의 소스 코드가 이에 해당되고요. (C/C++언어) 저급언어 : 컴퓨터가 이해하고 실제 동작을 수행하기 위한 언어로, 작성된 소스 코드가 변환되어야 합니다. (0, 1 조합의 기계어) 특징으로는 컴파일 단계를 반드시 거쳐야하며..

[Tistory] [백엔드 기술 면접 대비] – 3.Nginx를 사용한 리버스 프록시는 왜 필요할까?

리버스 프록시란? 클라이언트 요청을 대신 받아 내부 서버로 전달해주는 것을 리버스 프록시(Reverse Proxy) 라고 한다. 그렇다면 프록시란? 프록시란 대리라는 의미로, 정보를 대신 전달해주는 주체라고 생각하면 되는데, 만약 이 프록시 없이 웹 서버를 운영한다고 가정해보자. localhost:3000 라고 하는 웹서버를 열어서 운영했을 때, 사용자가 갑자기 많아지거나, 웹서버가 그대로 노출되어 있기 때문에 보안적으로 위험성이 증가한다. nginx를 사용하면 로드 밸런싱으로 부하를 줄여줄 수 있고, 분산 처리 또한 가능하며 웹서버의 SSL 인증도 적용할 수 있다. (SSL이란?) 따라서 아래와 같이 사용자 -> nginx -> 웹서버로 구성해서 사용자의 요청을 nginx가 대신 웹서버로 전달해주도록 ..

[Tistory] 2024년 07월 28일 일일 요약

=============================================1: 지도 서비스와 관련된 기술들을 소개하는 글입니다. 글에서는 지도 오버레이, 행정구역 코드, 마커 클러스터링, 지도 SDK의 사용법 등을 설명합니다. 또한, 다양한 지도 기능을 최적화하기 위한 방법 등을 다루고 있습니다. 네이버 지도 SDK의 특징과 활용법, 그리고 지리 정보와 관련된 다양한 기능들에 대해 알아봅니다.키워드: 지도 오버레이, 행정구역 코드, 마커 클러스터링, 네이버 지도 SDK, 지리 정보출처: https://ravenkim97.tistory.com/482 [Google I/O GDG] 웹 4 – 위치 및 지리 정보의 모든것지도각종 오버레이 두개의 지검의 길이,  반경을 보고 겹치는 부분을 확인클러스트링 ..

[Tistory] KBO 10개 구단 야구장 #1_현재 홈구장_연고지(with leaflet)

10개 구단 홈구장 위치 (주소, 위도, 경도) 팀 구장명 도로명 주소 주소 경도 위도 두산 베어스, LG 트윈스 잠실종합운동장 잠실야구장 서울 송파구 올림픽로 25 서울 송파구 잠실동 10-1 127.07 37.51 키움 히어로즈 고척스카이돔 서울 구로구 경인로 430 서울 구로구 고척동 63-6 126.87 37.50 SSG 랜더스 인천SSG랜더스필드 인천 미추홀구 매소홀로 618 인천 미추홀구 문학동 482 126.69 37.44 kt 위즈 수원KT위즈파크 경기 수원시 장안구 경수대로 893 경기 수원시 장안구 조원동 775 127.01 37.30 한화 이글스 한화생명이글스파크 대전 중구 대종로 373 대전 중구 대사동 84-4 127.43 36.32 삼성 라이온즈 대구삼성라이온즈파크 대구 수성구 ..

[Tistory] 신입 개발자 기술면접 : 데이터베이스 01

🗣️ DBMS란? DBMS (Database Management Sysyem, 데이터베이스 관리 시스템) 는 데이터베이스 내 데이터에 접근하도록 도와주는 시스템입니다. DBMS는 크게 질의처리기와 저장시스템으로 이루어져 있습니다. DB를 사용하지 않고, OS에 종속적인 파일 시스템을 사용하면 프로그램의 확장성을 해치고 검색 효율이 크게 떨어집니다. 또한 파일 시스템의 데이터 중복, 비일관성, 검색 등의 문제를 해결할 수 있습니다. 널리 사용되는 DBMS 중 일부는 MySql, Oracle 등입니다. 🗣️ RDBMS란? 관계형 데이터베이스 관리 시스템 (RDBMS)은 데이터베이스에 별도의 테이블에 저장된 관계형 데이터 모델을 기반으로하며 공통 열의 사용과 관련이 있습니다. SQL (Structured Qu..

[Tistory] What went wrong:Execution failed for task ‘:test’.(해결했음. 다른글에 기록 남김)

* What went wrong: Execution failed for task ‘:test’. > There were failing tests. See the report at: file:///C:/%EC%9E%90%EC%A3%BC%EC%82%AC%EC%9A%A9%ED%95%98%EB%8A%94%20%ED%8F%B4%EB%8D%94%EB%AA%A8%EC%9D%8C/%EC%8A%A4%ED%94%84%EB%A7%81/%EC%8B%A4%EC%A0%84!%20%EC%8A%A4%ED%94%84%EB%A7%81%EB %B6%80%ED%84%B0%EC%99%80%20JPA%ED%99%9C%EC%9A%A91/%EC%86%8C%EC%8A%A4%EC%BD%94%EB%93%9C/jpashopNew/jpashop/build..

[Tistory] 컴퓨터구조론 (코드 실행 메모리 구조)

메모리의 구조 프로그램이 실행되기 위해서는 먼저 프로그램이 메모리에 로드(load)되어야 한다. 메모리가 올라가지 않은 상태는 그저 코드 덩어리일 뿐.. 메모리가 올라간다는 것은 코드의 부분부분에 적당한 메모리가 할당이 된다는 말이다. 따라서 컴퓨터의 운영체제는 프로그램의 실행을 위해 다양한 메모리 공간을 제공하고 각각의 메모리 공간은 상호작용하며 프로그램 실행에 기여한다. 프로그램이 운영체제로부터 할당받는 대표적인 메모리 공간은 다음과 같다. 1) 코드(code) 영역: 실행할 프로그램의 코드 2) 데이터(data) 영역: 전역 번수, 정적(static) 변수 3) 스택(stack) 영역: 컴파일 타임에 크기가 결정됨 4) 힙(heap) 영역: 런타임시 크기가 결정됨(동적할당) 컴파일 타임: 소스코드가..

[Tistory] [DRF] 참고(reference) 정리 – 포스팅 하기엔 정리가 잘된 글 모음

1. 2024-02-02 1차 업데이트 1. Django Rest Framework(DRF) APIView 동작 원리 분석 : https://velog.io/@hoonki/Django-Rest-FrameworkDRF-APIView-%EB%8F%99%EC%9E%91-%EC%9B%90%EB%A6%AC-%EB%B6%84%EC%84%9D Django Rest Framework(DRF) APIView 동작 원리 분석 사내에서 Rest API 개발 프레임워크로 Django Rest Framework(DRF)를 사용 중이다. DRF에서 APIView는 Class Based View의 일종으로 클래스 안에 serializer나 permission, throttle 클래스를 명시해주면 알 velog.io 2. EP 03..

[Tistory] 4월 19일 (금) 실패를 쓰레기로 만들겠는가? 디딤돌로 만들겠는가?

https://melbournecitychurch.com.au/4%ec%9b%94-19%ec%9d%bc-%ea%b8%88-%ec%8b%a4%ed%8c%a8%eb%a5%bc-%ec%93%b0%eb%a0%88%ea%b8%b0%eb%a1%9c-%eb%a7%8c%eb%93%a4%ea%b2%a0%eb%8a%94%ea%b0%80-%eb%94%94%eb%94%a4%eb%8f%8c%eb%a1%9c-%eb%a7%8c/ 4월 19일 (금) 실패를 쓰레기로 만들겠는가? 디딤돌로 만들겠는가?매일 스스로 정한 시간…!! 각자의 처소에서 하나님 앞에서 예배를 드리고 기도할 수 있도록 준비된 개인묵상용 말씀입니다. . . . 묵상 . 분주한 생각을 가라 앉히고 오직 주만 바라보며… . . 찬melbournecitychurch…