#javascript
관련 글 31건
- velog수집됨 · 1일 전
[ JavaScript 기초 ] 함수? 객체? 변수? 파라미터? 메서드?
자바스크립트를 공부하다 보니 변수, 함수, 객체, 파라미터처럼 자주 등장하는 용어들이 헷갈리기 시작했다. 그래서 오늘은 이 용어들에 대해 쉽게 이해할 수 있도록 정리해보았다.\-> 데이터를 저장하는 공간에 이름을 붙인 것ex) 물건을 상자에 넣고 상자에 이름표를 붙이는
javascript♡ 2
- velog수집됨 · 3일 전
자바스크립트의 var, let, const 비교
자바스크립트의 변수 선언: var, let, const 변수 선언은 값을 이름 붙여 저장해 두고, 필요할 때 다시 사용하는 방법입니다. 자바스크립트에서는 var, let, const로 변수를 선언합니다. 특히 값이 바뀌지 않으면 const, 바뀔 수 있으면 let을
javascript변수부트캠프♡ 2
- velog수집됨 · 3일 전
자바스크립트의 얕은 복사와 깊은 복사
객체나 배열을 다른 변수에 대입했는데 원본까지 바뀌어 당황한 적이 있나요? 이 동작은 자바스크립트의 원시 타입과 참조 타입을 구분하면 이해할 수 있습니다.
javascript깊은복사얕은복사♡ 2
강경원· 8일 전 · 2분 읽기JavaScript와 AI를 활용한 실시간 데이터 처리 최적화로 65% 응답 속도 향상한 경험 — 4개월간의 도전과 전략 분석
최근 프로젝트에서 JavaScript와 AI를 활용하여 실시간 데이터 처리의 응답 속도를 65% 향상시킨 경험이 있다. 이 과정에서 겪은 도전과 전략을 공유하고자 한다. 성능 최적화는 항상 복잡한 문제이며, 적절한 접근 방식을 선택하는 것이 중요하다. 문제 정의 프로젝트 초기 단계에서
aijavascript데이터 처리`JavaScript와 AI를 활용한 실시간 데이터 처리 최적화로 65% 응답 속도 향상한 경험 — 4개월간의 도전과 전략 분석
강경원· 9일 전 · 2분 읽기JavaScript와 AI를 활용한 사용자 인터페이스 최적화로 전환율 35% 증가한 경험 — 4개월간의 도전과 전략 분석
최근 4개월 동안 JavaScript와 AI를 활용하여 사용자 인터페이스 UI 를 최적화하는 프로젝트를 진행했다. 그 결과, 전환율이 35% 증가하는 성과를 거두었다. 이번 글에서는 프로젝트의 도전과 전략을 공유하고, 그 과정에서 얻은 교훈을 정리해보려 한다. 프로젝트 개요 이 프로젝트
aijavascript전환율 최적화`JavaScript와 AI를 활용한 사용자 인터페이스 최적화로 전환율 35% 증가한 경험 — 4개월간의 도전과 전략 분석
강경원· 10일 전 · 3분 읽기JavaScript와 AI를 활용한 비즈니스 프로세스 자동화로 업무 효율성을 50% 향상시킨 경험
업무 프로세스 자동화는 많은 기업들이 효율성을 높이기 위해 채택하는 방법이다. JavaScript와 AI 기술을 활용하여 비즈니스 프로세스를 자동화한 경험을 공유하고, 이 과정에서 얻은 교훈과 트레이드오프를 살펴보려 한다. 자동화의 필요성 업무 프로세스는 종종 반복적이고 시간이 많이 소
aijavascript업무자동화`JavaScript와 AI를 활용한 비즈니스 프로세스 자동화로 업무 효율성을 50% 향상시킨 경험
강경원· 13일 전 · 3분 읽기JavaScript와 Next.js를 활용한 SSR 최적화로 페이지 로딩 속도 60% 개선한 경험 — 5개월간의 도전과 성과 분석
웹 애플리케이션의 성능은 사용자 경험에 큰 영향을 미친다. 특히 페이지 로딩 속도는 사용자의 이탈률에 직접적인 영향을 미치기 때문에, 이를 개선하는 것은 개발자가 반드시 고려해야 할 과제다. 이번 글에서는 JavaScript와 Next.js를 활용하여 서버 사이드 렌더링 SSR 최적화를
성능 최적화javascript백엔드`JavaScript와 Next.js를 활용한 SSR 최적화로 페이지 로딩 속도 60% 개선한 경험 — 5개월간의 도전과 성과 분석
강경원· 14일 전 · 3분 읽기Kafka와 JavaScript를 활용한 실시간 데이터 처리 시스템 구축 경험 — 6개월간의 도전으로 75% 성능 향상 사례 분석
실시간 데이터 처리 시스템을 구축하는 것은 언제나 도전적인 과제다. 특히 Kafka와 JavaScript를 사용한 경우, 두 기술의 특성을 잘 이해하고 조화롭게 결합하는 것이 중요하다. 이번 글에서는 내가 경험한 6개월간의 프로젝트를 통해 얻은 인사이트와 성능 향상 사례를 공유하고자 한
javascriptkafka데이터 처리`Kafka와 JavaScript를 활용한 실시간 데이터 처리 시스템 구축 경험 — 6개월간의 도전으로 75% 성능 향상 사례 분석
강경원· 16일 전 · 3분 읽기JavaScript와 DevOps를 활용한 지속적 통합 환경 구축 경험 — 6개월간의 시행착오와 80% 배포 효율성 향상 사례 분석
최근 몇 년간 소프트웨어 개발에서 지속적 통합 Continuous Integration, CI 과 지속적 배포 Continuous Deployment, CD 의 중요성이 대두되고 있다. 특히 JavaScript와 DevOps 도구를 활용하면 개발과 배포 과정에서 효율성을 극대화할 수 있
devopsjavascriptci/cd`JavaScript와 DevOps를 활용한 지속적 통합 환경 구축 경험 — 6개월간의 시행착오와 80% 배포 효율성 향상 사례 분석- velog수집됨 · 16일 전
개발자 포트폴리오를 만들어보자! [포트폴리오 제작기 #3]
개발자 포트폴리오 제작기 #3
cssjavascripthtml♡ 19
강경원· 17일 전 · 2분 읽기JavaScript와 React로 구축한 게임개발 플랫폼에서 6개월간의 실전 경험과 70% 유저 참여율 향상 사례 분석
게임개발 플랫폼을 구축하는 과정은 여러 기술과 도구의 조합이 필요하다. JavaScript와 React를 활용하여 플랫폼을 만들고, 실제 유저의 참여율을 높이기 위한 다양한 실험을 진행해보았다. 이 글에서는 6개월 간의 경험을 통해 얻은 교훈과 트레이드오프, 그리고 유저 참여율을 70%
reactjavascript게임개발`JavaScript와 React로 구축한 게임개발 플랫폼에서 6개월간의 실전 경험과 70% 유저 참여율 향상 사례 분석- velog수집됨 · 18일 전
NestJs 와 Spring에서 DI 의 차이를 비교해보자
TypeScript 진영의 스프링인 NestJs 에 대해서 알아보자 (2)
javascript♡ 1
- velog수집됨 · 20일 전
React는 왜 상태 업데이트를 모아서 처리할까?
2주차 과제로 React를 활용해 1 to 50 숫자 클릭 게임을 구현했다.게임을 만들면서 현재 클릭해야 할 숫자와 숫자판의 상태 그리고 타이머와 게임 종료 여부 등 여러 데이터를 useState로 관리했다. 숫자를 클릭하면 다음 숫자와 숫자판의 배열이 함께 변경되고
javascriptreactautomatic batching♡ 1
강경원· 20일 전 · 3분 읽기JavaScript와 Kafka를 활용한 실시간 사용자 이벤트 스트리밍 시스템 구축 경험 — 5개월간의 도전과 65% 응답 속도 향상 사례 분석
실시간 사용자 이벤트 스트리밍 시스템 구축은 많은 기업들이 필요로 하는 기능이다. 특히, 사용자 행동을 신속하게 분석하고 대응하기 위해서는 효율적인 데이터 처리 시스템이 필수적이다. 본 글에서는 JavaScript와 Kafka를 활용하여 실시간 이벤트 스트리밍 시스템을 구축한 경험을 공
javascriptkafka이벤트 스트리밍`JavaScript와 Kafka를 활용한 실시간 사용자 이벤트 스트리밍 시스템 구축 경험 — 5개월간의 도전과 65% 응답 속도 향상 사례 분석- velog수집됨 · 20일 전
비전공자의 풀스택 과정 33일차 - JS
자바 스크립트 문법 | 연산자 | 제어문 | 함수
javascriptnodejs♡ 2
강경원· 21일 전 · 2분 읽기JavaScript 기반 회고 문화 정착으로 팀의 개발 생산성을 50% 향상시킨 경험 — 4개월간의 도전과 변화 분석
회고 문화는 팀의 성장을 위해 필수적이다. 특히, JavaScript 기반의 프로젝트를 진행하는 팀에서는 회고를 통해 코드 품질과 협업 효율성을 높일 수 있다. 본 글에서는 4개월간의 회고 문화 정착 과정을 통해 팀의 개발 생산성을 50% 향상시킨 경험을 공유하고자 한다. 회고 문화의
javascript회고개발`JavaScript 기반 회고 문화 정착으로 팀의 개발 생산성을 50% 향상시킨 경험 — 4개월간의 도전과 변화 분석- velog수집됨 · 21일 전
비전공자의 풀스택 과정 33일차 - HTML, JS
실습 | 자바스크립트(java script)
javascripthtmljs♡ 2
- velog수집됨 · 22일 전
우리의 코트는 아직 끝나지 않았다 — 슬램덩크 팬페이지를 웹 게임으로 만들기
슬램덩크 추억을 웹 게임으로 옮긴 비공식 팬페이지 제작기. 친구와 실시간 1:1 대전도 가능합니다. 실제 플레이, 5대5 시뮬레이션 연구실, 슛 동작 전후 비교 등 스크린샷 7장과 제작 과정을 담았습니다.
javascriptcanvas게임개발♡ 10
- velog수집됨 · 10월 1일
포켓몬 커서에서 아이디어를 얻어 브이몬 커서 크롬 확장 만들기
브라우저를 사용하다가 Pokemon PokéFollower Cursor라는 Chrome 확장 프로그램을 발견했다.단순히 마우스 커서 이미지를 바꾸는 방식이 아니라, 작은 포켓몬 스프라이트가 실제 마우스를 따라다니는 형태였다. 마우스를 움직이면 캐릭터도 따라 움직이고,
chrome extensionjavascriptshadow dom♡ 5
강경원· 8월 25일 · 2분 읽기JavaScript와 AI를 활용한 데이터 개인정보 보호 시스템 구축 — 5개월간의 도전과 실제 사례로 본 성과와 교훈
데이터 개인정보 보호는 현대 사회에서 매우 중요한 이슈다. 특히, AI 기술이 발전함에 따라 데이터 처리와 분석이 용이해졌지만, 그로 인해 개인정보 유출과 같은 위험도 커졌다. 본 글에서는 JavaScript와 AI를 활용하여 데이터 개인정보 보호 시스템을 구축한 5개월간의 경험을 공유
aijavascript개발 경험`JavaScript와 AI를 활용한 데이터 개인정보 보호 시스템 구축 — 5개월간의 도전과 실제 사례로 본 성과와 교훈
강경원· 8월 21일 · 2분 읽기JavaScript로 구현한 AI 기반 데이터 시각화 도구 — 4개월 간의 개발 과정과 사용자 피드백
AI 기반 데이터 시각화 도구를 개발하는 과정은 여러 가지 도전과 해결책이 필요했다. 본 글에서는 4개월 간의 개발 과정과 사용자 피드백을 바탕으로, 경험에서 얻은 교훈과 트레이드오프를 공유하고자 한다. 프로젝트 개요 이 프로젝트의 목표는 사용자가 쉽게 데이터를 시각화할 수 있도록 돕는
aijavascript데이터 시각화`JavaScript로 구현한 AI 기반 데이터 시각화 도구 — 4개월 간의 개발 과정과 사용자 피드백- velog수집됨 · 8월 18일
라디오 컨셉의 백색소음 사이트
라디오 컨셉의 백색소음 사이트입니다.JavaScript를 이용해 만들었습니다.라디오를 클릭해 소리를 설정 할 수 있습니다.최대 3개의 소리를 동시 재생 할 수 있으며 노브를 돌려 소리도 조절 할 수 있어요.소리 종류\-빗소리\-번개소리\-로우파이 음악\-바람소리\-모닥
cssjavascripthtml♡ 1
- velog수집됨 · 8월 17일
(번역) Rust가 자바스크립트를 잠식하고 있습니다
원문: https://leerob.com/rust Rust는 빠르고 안정적이며 메모리 효율이 높은 프로그래밍 언어입니다. 10년째 가장 선호도 높은 프로그래밍 언어로 선정되고 있습니다. Mozilla가 만든 Rust는 현재 Meta, Apple, Amazon, [Microsoft](https://twitter.com/r
aijavascriptrust♡ 5
- velog수집됨 · 8월 17일
도형 자르기 인터랙션 사이트
도형 자르기 인터랙션 사이트입니다.드래그로 선을 그어 도형을 자를 수 있어요.도형도 드래그로 이동 시킬 수 있습니다.https://kmns1.github.io/CUT/
cssjavascripthtml♡ 1
강경원· 8월 15일 · 3분 읽기AI 기반 코드 리뷰 자동화 시스템 구축 — 3개월간의 경험과 성과 분석
최근 AI 기술의 발전으로 코드 리뷰 자동화 시스템에 대한 관심이 높아지고 있다. 본 글에서는 3개월 동안 진행한 AI 기반 코드 리뷰 자동화 시스템 구축 경험을 공유하고, 그 과정에서 마주한 트레이드오프와 함정에 대해 이야기해보겠다. 프로젝트 개요 이 프로젝트의 목표는 코드 리뷰의 효
aijavascript개발자`AI 기반 코드 리뷰 자동화 시스템 구축 — 3개월간의 경험과 성과 분석- velog수집됨 · 8월 11일
뒤로가기 눌렀는데 참여 전 화면이 나온다 — 이벤트 페이지와 브라우저 히스토리 씨름한 기록
잡았다 요놈 두유노 후아이엠
2026javascriptreact♡ 1
강경원· 8월 11일 · 3분 읽기JavaScript에서 AI 파이프라인 구축하기 - 내 경험으로 본 5가지 핵심 원칙
AI와 머신러닝이 점점 더 많은 분야에서 활용되고 있는 요즘, JavaScript를 사용해 AI 파이프라인을 구축하는 방법에 대해 이야기해보려 한다. 다양한 프레임워크와 라이브러리가 존재하는 JavaScript 생태계에서, 실무에서 겪은 경험을 바탕으로 5가지 핵심 원칙을 정리해보았다.
aijavascript백엔드`JavaScript에서 AI 파이프라인 구축하기 - 내 경험으로 본 5가지 핵심 원칙- velog수집됨 · 8월 11일
[Clean Architecture 적용기 2편] 도메인은 fetch를 모른다 — port 하나, 어댑터 둘
시리즈: 토이 프로젝트에 Clean Architecture 입혀보기1편 문제 인식 → 2편(이 글) → 3편 기능은 한 폴더에 → 4편 UseCase가 0개인 이유 → 5편 두 겹 검증원 출처: gi_balja님의 리액트 아키텍처 3편의 개념을 bible-map에 적용
javascriptreacttypescript♡ 1
- velog수집됨 · 8월 11일
[Clean Architecture 적용기 1편] 잘 돌아가는 토이 프로젝트, 왜 손대기 싫어졌나
시리즈: 토이 프로젝트에 Clean Architecture 입혀보기1편(이 글)
cleanarchitecturejavascriptreact♡ 3
- velog수집됨 · 8월 5일
React 쓰면서 VDOM diff 과정 설명 못 했던 사람? (저요…)
React를 사용할 줄 알면 VDOM도 아는 걸까요? (절레절레...)
javascriptreactvdom♡ 16
- velog수집됨 · 8월 5일
Vanilla JavaScript로 VDOM 구현하기
React를 사용할 줄 알면 VDOM도 아는 걸까요? 직접 vanilla js프로젝트에 VDOM을 도입해봤어요.
javascriptreactvdom♡ 5