티스토리

가짜개발자

검색하기

블로그 홈

가짜개발자

iwbap.tistory.com/m

가짜개발자

구독자: 1

방명록 방문하기

728x90

반응형

주요 글 목록

[Typescript] 모듈과 네임스페이스, 선언 병합 : 대규모 프로젝트 구조화 들어가며타입스크립트를 사용하여 대규모 프로젝트를 개발할 때, 코드베이스를 구조화하고 모듈 간의 의존성을 명확히 관리하는 것이 중요합니다. 이번 글에서는 다음 개념을 다룹니다:모듈(Module) : 코드 재사용성과 가독성을 높이기 위한 ES 모듈과 CommonJS네임스페이스(Namespace) : 네이밍 충돌을 방지하기 위한 내부 모듈선언 병합(Declaration Merging) : 선언 확장을 통한 타입 관리이 글을 통해 대규모 프로젝트에서도 유지보수성과 확장성을 고려한 타입스크립트 코드를 작성하는 방법을 배울 수 있습니다.1. 모듈(Module)1-1. ES 모듈 (Import / Export)타입스크립트는 ES6 모듈 시스템을 기반으로 하며, 파일별로 독립적인 범위를 가집니다. export와 imp.. 공감수 1 댓글수 1 2024. 12. 24.
[Typescript] 고급 타입 : 제네릭, 매핑 타입, 조건부 타입 들어가며타입스크립트는 기본적인 타입 외에도 고급 타입 시스템을 제공하여 유연하고 확장성 있는 코드를 작성할 수 있도록 돕습니다. 이번 글에서는 다음 주요 개념들을 다룹니다:제네릭(Generic) : 재사용 가능한 타입 정의매핑 타입(Mapped Types) : 타입 변환 및 생성조건부 타입(Conditional Types) : 타입 수준에서의 논리 처리이를 통해 복잡한 데이터 구조와 다양한 상황에 적합한 타입을 다룰 수 있습니다.1. 제네릭(Generics)1-1. 제네릭이란 무엇인가?제네릭은 데이터의 타입을 고정하지 않고, 사용하는 시점에서 지정할 수 있는 재사용 가능한 타입 정의입니다. [typescript]function identity(value: T): T { return value; } c.. 공감수 0 댓글수 0 2024. 12. 21.
[Typescript] 인터페이스와 클래스 : 구조적 타이핑과 객체지향 패턴 들어가며타입스크립트는 인터페이스(Interface)와 클래스(Class)를 통해 객체의 구조와 동작을 명확히 정의할 수 있습니다. 인터페이스는 데이터 구조를 정의하고, 클래스는 객체의 상태와 행동을 구현합니다. 객체지향 프로그래밍(OOP) 패러다임을 따르는 타입스크립트는 상속, 캡슐화, 다형성과 같은 개념을 활용해 복잡한 애플리케이션을 설계할 수 있도록 돕습니다.이번 글에서는 인터페이스와 클래스의 개념, 활용법, 그리고 이를 활용한 실용적인 예제를 다룹니다.1. 인터페이스(Interface)1-1. 인터페이스란 무엇인가?인터페이스는 객체의 구조를 정의하는 데 사용됩니다. 이를 통해 객체가 가져야 할 속성과 메서드를 지정할 수 있습니다. [typescript]interface User { id: num.. 공감수 2 댓글수 2 2024. 12. 20.
[Typescript] 타입 시스템 이해 : 정적 타입으로 안전한 코드 작성 들어가며타입스크립트의 가장 큰 장점은 강력한 타입 시스템입니다. 타입 시스템은 코드에서 데이터의 형태를 명시적으로 정의하고, 잘못된 데이터나 로직으로 인한 오류를 사전에 방지합니다. 이번 글에서는 타입 추론, 명시적 타입 선언, 유니온 타입과 인터섹션 타입, 타입 별칭 등을 사용하여 타입스크립트의 기본 원리를 이해하고, 실용적인 예제를 통해 실습해봅니다.1. 타입 추론(Type Inference)과 명시적 타입 선언1-1. 타입 추론타입스크립트는 대부분의 경우 변수의 타입을 자동으로 추론합니다. [typescript]let message = 'Hello, TypeScript!'; // 타입 추론: string let age = 25; // 타입 추론: number 위 예제에서 message는 자동으로 s.. 공감수 1 댓글수 2 2024. 12. 18.
[Typescript] 타입스크립트 기초 입문 : 타입스크립트를 시작하기 위한 첫걸음 들어가며타입스크립트(TypeScript)는 자바스크립트에 정적 타입을 추가한 언어로, 대규모 애플리케이션 개발에서 안전성과 유지보수성을 크게 향상시켜줍니다. 자바스크립트를 기반으로 하고 있기 때문에 기존의 자바스크립트 코드를 그대로 사용할 수 있으면서도, 타입 검사를 통해 런타임 오류를 줄이고 IDE 지원을 강화합니다.이 글에서는 타입스크립트를 처음 접하는 분들을 위해 다음을 다룹니다:타입스크립트란 무엇이며, 왜 사용하는가?개발 환경 설정 및 기본 컴파일 과정 이해기본 타입(문자열, 숫자, 불리언 등)과 간단한 예제이 과정을 통해 타입스크립트를 설치하고, 간단한 코드를 작성하며, 타입스크립트 개발 환경에서의 워크플로를 익혀봅니다.1. 타입스크립트란 무엇인가?타입스크립트는 자바스크립트의 상위 집합(Supe.. 공감수 1 댓글수 2 2024. 12. 15.
개인정보처리방침 개인정보처리방침오토툰(Auto-toon)은 사용자의 개인정보를 소중히 다루며, 관련 법령에 따라 개인정보를 적법하게 처리하고 안전하게 보호하기 위해 최선을 다하고 있습니다. 본 방침은 본 앱이 수집, 이용, 보관, 제공 및 파기하는 개인정보에 대해 설명합니다.1. 서비스 이용 제한본 앱은 19세 이상 사용자만 이용할 수 있습니다.연령 확인 방법 : 본 앱은 앱 스토어의 연령 제한 설정을 통해 미성년자의 접근을 제한합니다.책임 고지 : 만 19세 미만 사용자가 본 앱을 이용하거나 허위로 정보를 제공하여 발생하는 문제에 대해 본 앱은 책임을 지지 않습니다.2. 개인정보의 수집 항목 및 목적본 앱은 사용자가 직접 제공하지 않은 데이터라도, 앱 사용 과정에서 자동으로 수집되는 정보를 포함하여 다음과 같은 개인정.. 공감수 1 댓글수 1 2024. 12. 9.
[Javascript] 학습 로드맵 & 참고자료 : 자바스크립트 여정을 지속적으로 발전시키기 들어가며이제 기초 문법부터 시작해서 핵심 문법 심화, 브라우저 환경 이해, 문제 해결 및 디버깅, 실전 프로젝트, 프레임워크 & 라이브러리 기초까지 탄탄히 살펴보았습니다. 하지만 프로그래밍 학습은 여기서 끝나지 않습니다. 기술은 끊임없이 진화하고, 새로운 도구와 패러다임이 등장합니다. 중요한 것은 스스로 발전할 수 있는 능력을 기르는 것입니다.이 글에서는 그동안 학습한 내용을 토대로 로드맵을 제안하고, 신뢰할 수 있는 레퍼런스, 강의, 책, 커뮤니티를 소개합니다. 이를 통해 독자는 원하는 분야로 더 깊이 파고들거나, 새로운 기술 스택을 탐색하는 등 지속적인 성장을 도모할 수 있습니다.1. 학습 로드맵 정리 : 초급 → 중급 → 고급1-1. 초급 단계 (기본기 다지기)목표 : 자바스크립트 문법 이해, DO.. 공감수 2 댓글수 2 2024. 12. 8.
[Javascript] 프레임워크 & 라이브러리 기초 : 생산성과 확장성으로 가는 길 들어가며자바스크립트의 기초 문법과 브라우저 상호작용, 비동기 프로그래밍, 실전 프로젝트 경험까지 쌓았다면, 이제 다음 단계로 나아갈 수 있습니다. 바로 **프레임워크(Framework)와 라이브러리(Library)**를 활용하는 것입니다. 대규모 애플리케이션을 효과적으로 구조화하고, 생산성과 재사용성을 극대화하기 위해 많은 개발자들은 프레임워크나 라이브러리를 적극 활용합니다.이 글에서는 가장 널리 사용되는 프론트엔드 프레임워크(React, Vue.js)와 자바스크립트 런타임(Node.js)을 소개한 뒤, axios와 lodash 같은 유명 라이브러리를 통해 일상적인 개발 작업을 간소화하는 방법을 살펴봅니다. 이를 통해 자바스크립트 생태계 전체를 조망하고, 단순히 언어를 아는 것을 넘어 현대적인 개발 패턴.. 공감수 2 댓글수 2 2024. 12. 8.
[Javascript] 실전 프로젝트 : 작지만 탄탄한 예제로 자바스크립트 역량 강화하기 들어가며프로그래밍 언어를 배울 때 이론과 문법을 익히는 것만으로는 부족합니다. 실제로 무언가를 만들어보면서 문제를 해결하고, 아이디어를 구현할 때 배우는 것이 훨씬 많습니다. 지금까지 우리는 자바스크립트 기초, 핵심 문법 심화, 브라우저 환경 이해, 디버깅과 테스트에 이르기까지 탄탄한 기반을 쌓았습니다.이번 글에서는 그동안 습득한 개념을 작은 프로젝트에 적용해보면서 경험을 쌓는 데 초점을 맞춥니다. Todo List 앱, 날씨 API 대시보드, 메모 앱, 타이머 & 스톱워치 같은 간단하지만 의미 있는 예제를 단계별로 구현하고 확장하는 과정을 통해 실무에 한 발 더 가까워질 수 있습니다. 이 프로젝트들을 거치며 DOM 조작, 이벤트 처리, Fetch API 활용, 로컬 스토리지 저장, 상태 관리, 디버깅,.. 공감수 1 댓글수 1 2024. 12. 8.
[Javascript] 문제 해결 & 디버깅 : 안정적인 코드를 위한 핵심 역량 들어가며프로그래밍은 문제 해결의 연속입니다. 자바스크립트로 웹 애플리케이션을 만들다 보면, 의도치 않은 에러나 이상한 동작을 경험하게 됩니다. 이때 중요한 것은 문제를 신속하고 정확하게 파악하고 해결하는 능력입니다. 디버깅(Debugging)은 단순히 에러를 해결하는 것 이상으로, 코드의 흐름과 동작을 깊이 이해하고 개선하는 과정입니다.이 글에서는 다양한 에러 유형을 분석하고, 브라우저 개발자 도구(DevTools) 활용법, 콘솔 로그 및 브레이크포인트를 통한 단계별 코드 실행 흐름 추적, 그리고 테스트 코드 작성법 등 실제 개발 환경에서 매우 유용한 문제 해결 기술들을 배우게 됩니다. 이를 통해 코드 품질과 유지보수성을 향상시키고, 향후 프로젝트 진행 시 더 적은 시간으로 더 나은 결과를 얻을 수 있게.. 공감수 2 댓글수 2 2024. 12. 7.
[Javascript] 브라우저 환경 이해 : 웹 페이지와 상호작용하는 자바스크립트의 힘 들어가며자바스크립트는 웹 브라우저라는 특별한 환경에서 동작할 때 진가를 발휘합니다. 단순히 콘솔 로그로 결과를 확인하는 데서 나아가, 실제 웹 페이지의 요소들을 조작하고, 사용자 입력에 반응하며, 서버와 데이터를 주고받으며, 영구적으로 클라이언트 측 데이터를 저장하는 등 다양한 업무를 수행할 수 있습니다.본 글에서는 브라우저 환경에 특화된 자바스크립트 기술을 다룹니다. **DOM(Document Object Model)**을 통한 웹 페이지 구조 접근 및 조작, 이벤트 핸들링으로 사용자 상호작용 처리, Fetch API 및 AJAX로 서버와 통신하기, **웹 스토리지(Local/Session Storage)**로 클라이언트 측 데이터 유지, 그리고 폼 처리와 유효성 검사를 통해 안정적인 사용자 입력 관리.. 공감수 0 댓글수 0 2024. 12. 7.
[Javascript] 자바스크립트 핵심 문법 심화 : 현대적 언어 기능으로 성장하기 들어가며기초 문법을 마스터했다면 이제 한 단계 더 나아갈 차례입니다. 자바스크립트는 ECMAScript(ECMA-262) 표준을 기반으로 계속해서 진화하고 있습니다. 특히 ES6(ECMAScript 2015) 이후, 언어에 수많은 유용한 문법이 도입되며 개발자 경험(Developer Experience)을 대폭 향상시켰습니다. 화살표 함수, 템플릿 리터럴, 디스트럭처링, 스프레드 연산자, 모듈 시스템 등은 더 짧고 가독성 높은 코드를 작성하도록 돕습니다.여기에 더해, 자바스크립트 생태계의 특징인 비동기 프로그래밍(Asynchronous Programming) 패턴(Promise, async/await), 그리고 언어의 독특한 프로토타입 기반 객체지향 모델과 이를 더 직관적으로 표현하는 클래스(Class).. 공감수 0 댓글수 0 2024. 12. 7.
[Javascript] 자바스크립트 기초 입문 : 웹 개발자로 가는 첫걸음 들어가며자바스크립트(JavaScript)는 오늘날 웹 개발을 논할 때 절대 빠질 수 없는 핵심 언어입니다. 웹 브라우저에서 동적인 인터랙션을 제공하는 기본 도구로 시작했지만, 이제는 백엔드(서버), 모바일 앱, 데스크톱 애플리케이션, 심지어 사물인터넷(IoT) 분야까지 진출한 만능 언어로 성장했습니다.이 글에서는 자바스크립트를 처음 접하는 분들을 위해 언어의 기본기를 다질 수 있는 로드맵을 제공합니다. 먼저 자바스크립트란 무엇인지, 어떻게 개발 환경을 구축하는지 알아보며, 이어서 변수, 자료형, 연산자, 조건문, 반복문, 함수, 스코프, 그리고 배열과 객체 같은 핵심 개념을 자세히 살펴봅니다. 이 기초 개념들을 탄탄히 익히면, 이후 자바스크립트 심화 주제나 프레임워크 학습에서도 흔들리지 않는 튼튼한 기반.. 공감수 2 댓글수 2 2024. 12. 7.
윈도우 프로그램 - 웹페이지 연동6 추가적인 기능들을 구현하기 이전에, 지금까지 작업했던 내용이 올바르게 프로그램에 적용되기 위해서 버그들 먼저 수정함. 1. 윈도우 프로그램 첫 실행 시, 웹뷰를 불러오면 흰 화면만 뜸. -> 스크립트에서 파싱작업을 끝낸 뒤, vue를 전부 불러오면(렌더링이 모두 완료가 되면) 윈도우 프로그램에 상태를 알림. -> 윈도우 프로그램에서 상태를 알게되면, 그 이후에 웹뷰 visible함수 호출하여 정상적으로 화면 표시. -> 서버가 먼저 열리든, 나중에 열리든 상관없이 잘 해결됨. -> 윈도우 프로그램 종료 시, 노드 서버 종료. 2. 렌더링이 완료 된 이후에 표시되어지는 데이터 일부분이 누락되어짐. -> 파싱 과정에서 일부 데이터를 제대로 저장, 불러오지 못함. 전부 매핑 작업하여 제대로 표기함. -> 전체.. 공감수 0 댓글수 0 2024. 11. 29.
윈도우 프로그램 - 웹페이지 연동5 각 타입별 데이터의 전체 개수를 카운팅하여 txt로 저장하게 했었음.이 txt파일의 카운트 값을 이용하여 전체 리스트를 실제로 렌더링 했을 때의 스크롤 높이를 주면, 사용자가 이질감을 느끼지 않음.가상 스크롤을 통해 메모리 관리도 되면서, 전체 데이터가 이미 로드되어있다고 느낄 수 있음.추가로 브라우저 창의 높이를 가져와서 브라우저 창의 크기에 따라 스크롤 높이를 계산하여 적용되게 구현 완료.문제 없음.날짜 선택으로 과거 데이터를 조회할 수 있는 기능 추가. 문제 없음. 렉 없음.버그1. 기존에 있던 기능인, pdf혹은 csv 파일로 현재 보여지고 있는 로그 기록은 저장하게 되어있음. 근데 이게 렌더링이 완료가 되어있는 (기존에는 모든 데이터를 로드했기 때문에) 데이터만 저장되어짐. 그래서 가상 스크롤을.. 공감수 0 댓글수 1 2024. 11. 27.
윈도우 프로그램 - 웹페이지 연동4 스크립트가 켜지는 순간, 로컬 데이터를 json형태와 txt형태의 두가지로 저장함.1. 로컬데이터를 파싱해서 저장하는 작업을 하기 전에, 기존에 저장되어있는 json, txt가 있는지 파악2. 있다면 파싱작업 생략, 없다면 파싱 작업 시작.3. ui 렌더링에 맞는 파싱작업을 끝낸 json파일과 스크롤 높이 계산에 필요한 각 타입별 카운트를 기록한 txt로 저장.*윈도우 프로그램에서 생성했던 모든 날짜의 log파일을 전부 처리* 앞으로 할 일 1. 각 타입별로 전체 개수를 카운팅해서 날짜별로 txt파일로 저장해둠. 이 전체 카운팅 개수를 이용해서 전체 데이터가 로딩이 되었을 경우의 스크롤을 렌더링해주면, 사용자 입장에서 이질감이 안느껴짐. 그리고 실제 렌더링은 스크롤이 이동되면서 화면에 보여지는 부분만 되.. 공감수 0 댓글수 0 2024. 11. 26.
윈도우 프로그램 - 웹페이지 연동3 cpu, 메모리 자원이 한정적인 상황인데 hdd는 충분할 경우, hdd에 파싱 작업을 하고 난 데이터를 저장해서 불러다 쓰는 방법을 적용해봄. 효과는 굉장히 좋았다. 이미 파싱된 작업 결과를 오로지 렌더링에만 사용하니, 굉장히 빠르게 로딩+ui버벅거림이 단 하나도 없었다. 버그는 굉장히 많지만 최적화 방향성은 명확해짐. 이대로 가면 될듯. 맨 처음 상태는 대량의 대이터를 불러오면 메모리가 10기가 넘게 차지하면서, 윈도우 프로그램에서 보여주는 웹뷰에서 크래시가 일어남. 그래서 가상 스크롤 구현으로 메모리를 2~3기가만 사용하도록 적용함. 하지만 이래도 ui버벅거림이 심함. 당시에는 원인을 cpu사용량이 중간중간 급격하게 높아지는 것 때문에 윈도우 프로그램을 최적화 해야한다고 생각했음. 하지만 아니였고,.. 공감수 0 댓글수 0 2024. 11. 26.
윈도우 프로그램 - 웹페이지 연동2 현장 납품 컴퓨터 사양에 맞게 구현을 해야함.컴퓨터 자원은 한정적이므로, 동일한 컴퓨터 내의 로컬 서버에서 서버-클라이언트로 나눠서 구현해봤자 프로그램 최적화에 큰 의미 없다고 판단.cpu, 메모리 자원은 한정적이지만 하드디스크 자원은 충분함.서버 최초 로드 시 - 윈도우 프로그램에서 남긴 로그 기록을 가져온다. 가져온 로그 기록을 클라이언트에 전달해서 ui를 바로 적용할 수 있을 데이터로 파싱한다. 파싱한 데이터를 날짜, 시간별로 폴더를 구분해서 청크 단위로 이진화 데이터로 저장한다. 저장한 이진화 데이터를 읽어와서 렌더링. 업데이트 시 - 윈도우 프로그램에서 새로운 로그 기록이 생기면, 윈도우 프로그램 로그에 저장과 동시에 업데이트를 알리는 함수를 호출하여 서버로 전달. 서버에서 업데이트 신호를 받으.. 공감수 0 댓글수 0 2024. 11. 25.
윈도우 프로그램 - 웹페이지 연동 로컬서버 지정윈도우 프로그램 실행 시 노드js 실행 (사용자가 따로 설치 할 필요 없음)웹페이지-윈도우 프로그램 연동 (특정 이벤트 발생 시, 프로그램에서 업데이트 함수 호출->웹페이지로 전달)웹페이지 업데이트(업데이트 신호 받으면 5초간 5회 fetch)윈도우 프로그램에서 웹뷰 실시간 업데이트 -버그1. 노드 서버가 열려있지 않은 상태에서 윈도우 프로그램 실행할 경우, 서버를 열고 웹뷰로 렌더링 까지 되는데, 실시간 데이터 반영이 이루어지지 않음. 프로그램 종료 후(노드 서버 열려있는 상태) 재실행 하면, 기능에 문제는 없음.2. 웹페이지에서 대량의 데이터가 넘어왔을 경우(약 10만건), 전체 데이터를 렌더링하는데 문제가 발생(메모리 과부하로 웹뷰 크래시 발생) -> ui렌더링 방식 변경 : 렌더링은 .. 공감수 0 댓글수 0 2024. 11. 22.
안드로이드 어플 참고 안드로이드 버전 별 서비스 권한 설정 확인안드로이드 버전 별로 코틀린 코드 작성 (많은 버전에서 동작 될 수 있도록) 공감수 1 댓글수 1 2024. 11. 21.
[토이프로젝트1] 8. 구현(7) - 음식 랜덤 추천 웹/앱 1. 인증회원(500회), 일반회원(150회), 게스트(50회) 제한 구분 - 각각 access key 값에 따라 count를 db에 전송. - 추천 버튼을 누르면, db에 저장되어있는 유저네임을 찾아서 해당 네임의 count 값을 로컬로 가져옴. - 로컬 값을 -1. - 추천이 끝나고 나면 로컬 값을 db로 전송하여 count에 값 덮어씌움2. 현재 시간 db로 전송 (00시, 날짜가 바뀌는 시점에 count를 초기화 해야함. 아직 미구현) (미구현)1. 현재시간과 과거 시간을 비교하여 날짜가 바뀌었으면 count를 초기화2. 게스트 계정을 구분하는 방법 생각하기 (캐시, 쿠키 사용하지 않고) - 현재 게스트 계정은 로그인 할때마다 새로 생기는데 구분이 안되어짐.3. 추천 식당이 나오는 과정 도중에 버.. 공감수 0 댓글수 0 2024. 10. 2.
[토이프로젝트1] 7. 구현(6) - 음식 랜덤 추천 웹/앱 1. 현재 위치 새로고침 추가2. 현재 위치 반경 내 모든 식당 마커 추가 (최대 45개) https://rand-res.vercel.app/ 로그인Random Restaurant 회원가입 게스트rand-res.vercel.app 공감수 1 댓글수 0 2024. 9. 28.
[토이프로젝트1] 6. 구현(5) - 음식 랜덤 추천 웹/앱 1. 네이버 검색 api -> 카카오 rest api(카테고리 검색 사용)로 변경2. 네이버 지도 페이지에서 음식점 마커 png 추출해서 적용네이버 검색 api가 최대 5개 출력 제한 + 스타트 파라미터 최소, 최대값 1 제한api를 반복해서 뽑아낼 수 있는 방법 고려스타트 파라미터가 제한이 있으니, 주소를 이용하여 지오코딩, 리버스 지오코딩 무한 반복 사용 (아직 적용 안함)1. 현재 주소에서 음식점을 랜덤에서 한번 뽑아서 A에 저장.2. 그다음에 현재 주소에서 음식점을 코맨트로 한번 뽑아서 B에 저장.3. A와 B를 비교하여 중복은 C에 저장.4. A와 B를 비교하여 중복이 아닌 것은 D에 저장.5. C와 D를 E에 저장. (F에도 동일하게 저장. F에는 누적으로 저장)6. E의 주소들을 기준으로 주.. 공감수 1 댓글수 1 2024. 9. 26.
[토이프로젝트1] 5. 구현(4) - 음식 랜덤 추천 웹/앱 vercel로 호스팅 완료함.vercel의 무료버전(허비)으로 이용하려면, 개인 프로젝트로 진행해야함.기존에 사용하던 빗버킷 계정을 deploy하려니, 팀프로젝트로 인식해서 프로결제를 해야만 함.빗버킷에서 이계정 저계정 왔다갔다 작업하다보니 그런듯.그냥 깃허브 새로 만들어서 깃허브에 올리고, 깃허브 계정 연동해서 import함.배포는 잘 이루어짐.환경변수를 직접 브라우저에서 추가해도 되고, 일단 배포 하고 나서 .env파일을 따로 업로드해도 잘 적용되어짐.도메인 바뀌었으니 apk도 다시 빌드.에뮬레이터에서는 무슨이유인지 위치를 아예 못받아옴.실제 기기에서는 제대로 동작 잘함. https://rand-res.vercel.app/ 로그인Random Restaurant 회원가입 게스트rand-res.verce.. 공감수 1 댓글수 0 2024. 9. 25.
[토이프로젝트1] 4. 구현(3) - 음식 랜덤 추천 웹/앱 1. 랜덤으로 뽑힌 식당 위치 마킹 추가 2. 네이버 검색 api 요청 키워드 수정 3. 비로그인 사용 추가네이버 검색 api가 최대 5개 출력 제한 + 스타트 파라미터 최소, 최대값 1 제한 api를 반복해서 뽑아낼 수 있는 방법 고려 스타트 파라미터가 제한이 있으니, 주소를 이용하여 지오코딩, 리버스 지오코딩 무한 반복 사용 (아직 적용 안함) 1. 현재 주소에서 음식점을 랜덤에서 한번 뽑아서 A에 저장. 2. 그다음에 현재 주소에서 음식점을 코맨트로 한번 뽑아서 B에 저장. 3. A와 B를 비교하여 중복은 C에 저장. 4. A와 B를 비교하여 중복이 아닌 것은 D에 저장. 5. C와 D를 E에 저장. (F에도 동일하게 저장. F에는 누적으로 저장) 6. E의 주소들을 기준으로 주변의 주거지 검색. .. 공감수 1 댓글수 1 2024. 9. 24.
[토이프로젝트1] 3. 구현(2) - 음식 랜덤 추천 웹/앱 1. 프론트 ui 수정2. 웹, 앱(데스크톱, 모바일) 기기 해상도에 맞게 ui 적용3. 현재 위치 주소 표기 추가4. 사용자 아이디 표기 추가5. 앱에서 지도를 불러오지 못하는 문제 수정 (웹뷰 로드)6. api 중복 호출 제거7. 랜덤 식당 호출 방식 변경 https://random-food001.du.r.appspot.com/ 로그인Random Restaurant 회원가입random-food001.du.r.appspot.com 공감수 3 댓글수 2 2024. 9. 20.
[토이프로젝트1] 2. 구현(1) - 음식 랜덤 추천 웹/앱 1. 로그인 페이지-로그인 폼: 사용자 아이디와 비밀번호 입력, 로그인 버튼, 아이디/비밀번호 저장 체크박스.-회원가입 링크: 회원가입 페이지로 이동하는 링크. 2. 회원가입 페이지-회원가입 폼: 후원 인증 키, 아이디, 비밀번호, 비밀번호 확인, 이메일 입력 필드.-인증 버튼: 후원 인증 키를 검증하는 버튼.-중복 확인 버튼: 아이디 중복 확인 버튼.-가입 완료 버튼: 회원가입을 완료하는 버튼.-가입 취소 버튼: 로그인 페이지로 돌아가는 버튼. 3. 랜덤 식당 찾기 페이지-지도 표시: 네이버 지도를 사용하여 현재 위치를 표시.-식당 추천 버튼: 현재 위치를 기반으로 식당을 추천받는 버튼.-식당 정보 표시: 추천받은 식당의 정보를 표시하는 영역. 4. JavaScript 기능들-로그인 폼 제출 처리: .. 공감수 1 댓글수 0 2024. 9. 19.
[토이프로젝트2] 1. 기획 - 유명인의 랜덤 명언 웹/앱 . 공감수 1 댓글수 0 2024. 9. 17.
[토이프로젝트1] 1. 기획 - 음식 랜덤 추천 웹/앱 1. 위치 정보 받아오기 및 API 전환 시스템기본 구조:Google Maps API OpenStreetMap (OSM) API 를 기본으로 사용합니다.실시간 사용량 체크: Google Maps API의 무료 사용량이 끝나가면 OpenStreetMap (OSM) API로 전환합니다.한국용 앱: 한국에서는 기본적으로 네이버 또는 카카오 지도 API를 사용합니다.네이버/카카오 무료 사용량이 끝나면 Google Maps API로 전환.Google Maps 무료 사용량이 끝나면 OSM API로 전환.네이버 지도 API 사용. (월 10,000,000건의 무료 이용량을 제공)구현 방법:API 사용량 모니터링: 각 API에서 제공하는 사용량 체크 엔드포인트를 주기적으로 호출하여 현재 사용량을 모니터링합니다. .. 공감수 7 댓글수 2 2024. 9. 16.
[기계학습] 10. 고차원 데이터의 차원 축소 고차원 데이터의 차원 축소고차원 데이터는 많은 특성을 포함하고 있어, 분석과 학습이 복잡하고 시간이 많이 소요될 수 있습니다. 차원 축소는 이러한 고차원 데이터를 더 낮은 차원으로 변환하여 데이터를 더 간결하게 표현하고, 분석 및 모델 학습을 더 효율적으로 수행할 수 있게 도와줍니다. 이번 글에서는 차원 축소 기법 중에서 가장 널리 사용되는 PCA(주성분 분석)와 선형판별 분석법에 대해 알아보겠습니다.1. PCA 알고리즘의 이해PCA(주성분 분석, Principal Component Analysis)는 데이터의 변동성을 최대한 보존하면서 고차원 데이터를 저차원으로 변환하는 통계 기법입니다. PCA는 데이터의 주요 변동 방향(주성분)을 찾고, 이를 새로운 축으로 삼아 데이터를 변환합니다.PCA의 주요 개념.. 공감수 1 댓글수 2 2024. 9. 15.

728x90

반응형

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.