본문 바로가기

Dev134

HTML, CSS, JavaScript의 기본 이해, 웹 개발의 첫걸음 HTML, CSS, JavaScript의 기본 이해, 웹 개발의 첫걸음웹 개발은 인터넷을 통해 사용자와 상호작용할 수 있는 다양한 서비스를 만드는 작업입니다. 많은 사람들은 웹 개발을 어렵다고 느끼지만, 웹 개발의 기본을 이해하면 그 복잡성을 한층 쉽게 풀어낼 수 있습니다. 웹 개발에서 가장 기본적인 세 가지 기술인 HTML, CSS, JavaScript는 각각 다른 역할을 맡고 있으며, 이들을 이해하고 적절히 활용하는 것이 중요합니다.이 글에서는 HTML, CSS, JavaScript의 기본 개념과 역할을 설명하고, 이들 간의 협력 방법을 소개하려 합니다.HTML: 웹 페이지의 뼈대HTML(HyperText Markup Language)은 웹 페이지의 기본 구조를 구성하는 마크업 언어입니다. 웹 페이지.. 2025. 3. 1.
tf.constant와 tf.Variable: 상수와 변수의 차이 불변성(Immutable) vs. 가변성(Mutable) tf.constant와 tf.Variable: 상수와 변수의 차이 불변성(Immutable) vs. 가변성(Mutable)TensorFlow는 머신러닝과 딥러닝 모델을 구현하는 데 있어 가장 널리 사용되는 오픈소스 라이브러리 중 하나입니다. 모델을 구성할 때 데이터를 표현하는 기본 단위인 텐서를 다루는 방법은 매우 중요한데, 그 중에서도 tf.constant와 tf.Variable은 핵심적인 역할을 수행합니다. 이번 포스팅에서는 두 함수의 차이점을 비교하고, 모델 학습 시 언제 어떤 함수를 사용해야 하는지 실습 예제와 함께 상세히 설명드리겠습니다.1. 서론TensorFlow의 주요 특징 중 하나는 데이터 흐름 그래프를 기반으로 복잡한 연산을 효과적으로 처리할 수 있다는 점입니다. 이 과정에서 텐서는 수치.. 2025. 2. 26.
애자일 개발 환경에서의 UI 프로토타이핑과 컴포넌트 디자인 애자일 개발 환경에서의 UI 프로토타이핑과 컴포넌트 디자인애자일 개발 환경에서는 빠른 피드백과 지속적인 개선이 핵심 가치로 자리 잡고 있습니다. 이에 따라 UI 프로토타이핑과 컴포넌트 디자인은 제품 개발의 초기 단계부터 중요한 역할을 담당하게 됩니다.본 포스팅에서는 프로토타이핑 도구와 리액트 스토리북(Storybook) 등을 활용하여 UI 디자인을 빠르게 시각화하고 검증하는 방법에 대해 구체적으로 설명드리며, 개발 프로세스와 팀 내 협업 시나리오를 함께 다루어 보겠습니다.UI 프로토타이핑의 필요성과 이점애자일 개발 환경에서는 제품의 기능과 디자인이 빠르게 변화하는 만큼, 초기 단계부터 시각적인 피드백을 얻는 것이 중요합니다. UI 프로토타이핑은 다음과 같은 이점을 제공합니다.빠른 피드백 수집: 초기 단계.. 2025. 2. 25.
TensorFlow 기본 구조 tf.constant, tf.Variable 함수 소개 TensorFlow 기본 구조 tf.constant, tf.Variable 함수 소개TensorFlow는 구글이 개발한 오픈소스 머신러닝 라이브러리로, 딥러닝 모델을 구축하고 학습시키는 데 널리 사용되고 있습니다. 이 포스팅에서는 TensorFlow의 전반적인 아키텍처와 함께, 그 핵심 함수인 tf.constant와 tf.Variable을 중심으로 간단한 텐서 연산을 수행하는 방법을 소개합니다. 이를 통해 TensorFlow의 기본 개념을 이해하고, 실제 코드 예제를 통해 학습할 수 있는 기회를 제공하고자 합니다.1. TensorFlow 개요 및 아키텍처TensorFlow는 데이터 흐름 그래프(data flow graph)를 기반으로 동작합니다. 이 그래프에서는 노드(node)가 수학적 연산을 수행하고,.. 2025. 2. 24.
[리액트] REST API, AXIOS로 받아온 Array 객체의 map 호출 에러 해결하기 [리액트] REST API, AXIOS로 받아온 Array 객체의 map 호출 에러 해결하기이번 포스팅에서는 React와 Axios를 사용하여 REST API로부터 데이터를 받아올 때 발생하는 “map 함수 호출 불가” 에러에 대해 심도 있게 다루어보겠습니다. 개발 과정에서 API 호출 결과가 정상적으로 formdata에 저장되는 것은 확인되었지만, 화면의 특정 div 영역에서 데이터를 꺼내 렌더링하려고 할 때 에러가 발생한 경험이 있으신 분들이라면 이번 글이 큰 도움이 될 것입니다. 특히, 비동기 처리 과정에서 데이터가 완전히 준비되기 전에 렌더링이 시도되어 발생하는 문제를 어떻게 해결할 수 있는지 구체적인 코드 예시와 함께 설명드리겠습니다.도입부: 문제 상황과 발생 원인React 애플리케이션에서 RE.. 2025. 2. 2.
서버 데이터와 컴포넌트의 분리: 유지보수성을 높이는 방법 서버 데이터와 컴포넌트의 분리: 유지보수성을 높이는 방법개발을 진행하다 보면, 서버에서 받아오는 데이터의 형식이 변경되는 경우가 종종 발생합니다. 이러한 변경은 의도치 않은 버그를 유발하거나, 기존 컴포넌트를 수정해야 하는 불필요한 작업으로 이어지기 쉽습니다. 오늘은 서버 데이터와 컴포넌트의 결합을 분리하여 유지보수성을 극대화하는 방법에 대해 자세히 이야기해보고자 합니다.1. 서론프론트엔드 개발에서 컴포넌트는 사용자의 인터페이스(UI)를 구성하는 중요한 단위입니다. 보통 컴포넌트는 서버에서 받아온 데이터를 props 형태로 전달받아 화면에 렌더링하게 됩니다. 그런데 문제는, 만약 서버 데이터의 형식이 변경된다면 컴포넌트 내부에서 사용하는 데이터의 구조도 바뀌어야 하는 상황이 발생할 수 있다는 점입니다. .. 2025. 1. 22.
워드프레스 PHP를 버전 8로 업그레이드해야 하는 이유 워드프레스 PHP를 버전 8로 업그레이드해야 하는 이유최근 몇 년 간 웹 개발 및 운영에 있어서 PHP의 발전은 눈부셨습니다. 특히, PHP 8은 이전 버전들에 비해 획기적인 성능 향상과 새로운 기능을 제공하면서 웹사이트와 애플리케이션의 동작을 더욱 매끄럽고 효율적으로 만들어 주고 있습니다. 워드프레스는 전 세계적으로 가장 인기 있는 콘텐츠 관리 시스템(CMS) 중 하나로, PHP 기반으로 동작하기 때문에 PHP의 버전 업그레이드는 웹사이트의 성능과 보안에 큰 영향을 미칩니다.본 글에서는 워드프레스에서 PHP 8로 업그레이드해야 하는 이유를 구체적으로 살펴보고, 그로 인해 얻을 수 있는 장점과 고려할 점에 대해 설명하겠습니다.워드프레스 PHP를 버전 8로 업그레이드해야 하는 이유1. 성능 향상PHP 8은.. 2024. 10. 14.
구글 크롬 콘솔 'Attestation check for Topics on' 에러 원인과 해결방법 구글 크롬 콘솔 'Attestation check for Topics on' 에러 원인과 해결방법최근 구글 크롬 브라우저에서 'Attestation check for Topics on https://pagead2.googlesyndication.com/ failed'라는 에러를 콘솔에서 마주한 사용자들이 많아졌습니다. 이 문제는 최신 크롬 버전(118.0.5993.71)에서 주로 발생하며, 많은 사용자들이 이 에러의 원인과 해결 방법을 찾지 못하고 있습니다.구글에서도 이 문제에 대한 문서나 가이드를 제공하지 않아서 해결에 어려움을 겪는 경우가 많습니다. 이번 글에서는 이 에러가 발생하는 원인과 해결 방법을 상세히 설명드리겠습니다.드물게 티스토리 블로그에서는 구글 아날리틱스 플러그인에서 문제를 발생시키는 .. 2024. 10. 9.
CSS widthContent? 티스토리 에디터 사진 화면에 꽉차게 본문폭맞춤 버튼 일괄수정 CSS widthContent? 티스토리 에디터 사진 화면에 꽉차게 본문폭맞춤 버튼 일괄수정티스토리 블로그는 사용자에게 다양한 기능을 제공하여 글쓰기와 콘텐츠 관리에 큰 도움을 줍니다. 그중에서도 시각적인 요소인 이미지 배치는 블로그의 전체적인 미관과 가독성에 매우 중요한 역할을 합니다. 글의 내용이 아무리 좋아도, 이미지가 작아서 제대로 보이지 않으면 독자는 시각적으로 만족감을 느끼지 못할 수 있습니다.특히 요즘처럼 모바일 기기를 통한 접속이 많은 상황에서, 이미지가 화면에 꽉 차게 보여야 콘텐츠가 더 선명하고 매력적으로 보입니다. 그럴 때 사용자가 이미지 하나하나를 클릭하고 '본문폭맞춤' 설정하는 것은 번거롭습니다. 이 작업을 일괄적으로 처리하는 방법이 있다면 훨씬 효율적일 텐데요. 이번 포스팅에서는.. 2024. 9. 26.

티스토리툴바