hyonie's Stack 👩🏻‍💻

ASP.NET 4.0 코드를 처음 접했을때 느낀 생소함과 이를 하나씩 이해하며 풀어가는 과정을 기록으로 남기고자 합니다.프로젝트 분석을 하면서 가장 먼저 마주한 과제는 web.config 파일이었습니다. 그 중요성에 대해서는 익히 들어왔지만, 실제로 처음 파일을 살펴봤을 때는 각 설정 항목이 무엇을 의미하고, 어떻게 작동하는지 파악하는 데 생각보다 많은 시간이 필요했습니다. 설정 파일 하나를 이해하는 데 시간을 쏟는 것이 비효율적으로 보일 수도 있지만, 실제로는 이 작업이 이후 리팩토링이나 버전 업그레이드 작업에서 애플리케이션의 전체적인 구조와 동작 방식을 이해하는 데 중요한 초석이 된다고 생각합니다.이 글에서는 애플리케이션 실행에 필요한 여러 구성 요소와 환경 설정을 정의하는 web.config 파일의..

무작위로 점심 메뉴를 추천하고 싶을 때 어떻게 할까요? Math.random() 함수와 Object.keys() 메서드를 활용하여 점심 메뉴 중 하나를 랜덤하게 선택하는 기능을 구현해 보겠습니다.  객체를 배열로 변환하고 랜덤 숫자를 생성하는 방법먼저, 다음과 같은 객체를 고려해 보겠습니다. 각 키는 음식유형을 나타내며, 각 값은 해당음식의 이름과 이미지URL 을 포함하고 있습니다.const lunchChoice = { hansik: {name: "비빔밥", image: "https://kormedi.com/wp-content/uploads/2024/09/gettyimages-a11354394.jpg"}, chineseFood: {name: "짜장면", image: "https://cdn.ko..

리액트 프로젝트를 구성한 후 npm run start 를 실행했을 때 예상치 못한 에러가 발생했습니다. 문제의 내용을 다음과 같습니다: ERROR in ./src/reportWebVitals.js  위 에러의 원인과 그 해결 방안에 대해 기록하려고 합니다.web-vitals 모듈 설치개발 중에 reportWebVitals.js 파일에서 web-vitals 모듈을 찾을 수 없다는 에러 메시지가 발생했습니다. 이는 web-vitals 패키지가 설치되어 있지 않기 때문에 나타나는 문제입니다.  web-vitals는 웹사이트의 성능 지표를 측정하는 데 사용되는 모듈입니다. 다음 단계를 따라 web-vitals 패키지를 설치합니다:터미널을 열어 프로젝트 폴더로 이동다음 명령어를 실행하여 web-vitals 패키지..

Equals() 메서드가 어떻게 작동하는지 자세히 알아보자. 문자열 비교는 실무에서 정말 자주 사용하는 기능이라, 정확히 이해하고 넘어가는 것이 중요하다. 그래서 내가 이해한 내용을 정리해본다.  1. Equals()란?Equals()는 C#에서 객체나 값을 비교할 때 사용하는 메서드다. 특히 문자열에서 Equals()는 두 문자열이 같은지 여부를 확인하는 데 주로 사용된다.  1.1 기본적인 동작 원리Equals() 메서드 선언:public virtual bool Equals(object? obj);object 타입을 매개변수로 받는다. (즉, 모든 객체와 비교 가능하다.)비교 대상이 같으면 true, 다르면 false를 반환한다.문자열에서 오버로드 된 Equals 메서드: 문자열 클래스에서는 Equa..

C# 코드를 보다가 String.IsNullOrEmpty()가 사용된 부분을 봤다. 이 코드를 제대로 이해하려면 String.IsNullOrEmpty()가 왜 쓰였는지, 그리고 이 메서드가 어떤 역할을 하는지 알아야 할 것 같아서 정리해본다.  1. String.IsNullOrEmpty()란?String.IsNullOrEmpty()는 문자열이 null이거나 빈 문자열("")인지 확인 할 때 사용하는 C#의 정적 메서드다.이 메서드는 다음 두 가지 경우에 true를 반환한다.문자열이 null일 때문자열이 빈 문자열("")일 때그 외의 경우에는 false를 반환한다. 이 메서드를 사용하면 null과 빈 문자열을 따로따로 체크할 필요 없이 한 번에 검사할 수 있어 코드가 더 깔끔하고 가독성이 좋아진다.  1...

처음 Git을 사용했을 때를 떠올려 보면, Git의 전체적인 흐름을 이해하지 못한 채 단순히 명령어만 외워 팀 프로젝트를 진행했던 기억이 납니다. 이러한 경험을 바탕으로, Git의 기본적인 흐름도를 간단히 정리해 보았습니다. 또한, Git Flow 브랜치 전략의 주요 용어와 흐름을 이해하기 쉽도록 간단한 플로우 차트를 만들어 보았습니다.1. 기본 Git 명령어 흐름도 이 흐름도는 Git 저장소를 초기화하고 파일을 커밋하는 과정을 보여준다:저장소 초기화: git init - 로컬에 새로운 Git 저장소를 생성한다.작업파일 선택: git add - 변경사항을 스테이징 영역에 추가한다.변경사항 커밋: git commit -m " 커밋 메시지" - 스테이징된 변경사항을 로컬 저장소에 커밋한다.원격 저장소에 ..

"GitHub Desktop을 활용하여 리포지토리를 효율적으로 관리하고 브랜치를 생성하는 방법을 정리해보았습니다. 이번 포스팅은 '그림과 실습으로 배우는 깃&깃허브 입문' 책의 실습을 바탕으로 GitHub Desktop의 기본적인 사용법과 실무에서 자주 활용되는 기능들을 공부하며 정리한 내용입니다. 목차 중에서 '9장: 깃허브 데스크톱으로 협업하기' 파트를 기반으로 실습 내용을 정리하였습니다. 로컬 리포지토리 추가, 브랜치 생성, 커밋, 그리고 Pull Request(PR) 생성까지 차근차근 학습한 과정을 공유합니다." 1. 새로운 리포지토리 가져오기 (로컬 리포지토리 추가) 상단 메뉴에서 File > Add local repository 또는 단축키 Ctrl + O를 선택한다. Add local rep..

회사에서 프로젝트 협업을 진행하며, 코드 충돌이 자주 발생하고 이전 버전으로 되돌아가야 하는 상황을 여러 번 겪었습니다. git add, git commit, git push 같은 기본 명령어는 익숙했지만, 제대로 버전 관리를 하고 있는지에 대한 확신은 부족했습니다. Git과 GitHub를 좀 더 체계적으로 이해하고 활용하고 싶던 차에 “그림과 실습으로 배우는 깃 & 깃허브 입문”을 읽게 되었습니다. 이 책은 저와 같은 주니어 개발자나 비전공자도 부담 없이 접근할 수 있는 친절한 가이드북이라고 생각합니다. 책의 기본 구성 및 주요 내용이 책은 기초편, 실전편, 그리고 GUI편으로 구성되어 있습니다. 각 장은 실습 위주로 설명되어 있어서 실제로 따라하면서 프로젝트에 적용하기 쉬운 구성입니다. 주요 내용은 ..

리액트 개발 시작하기에 앞서, 리액트 프레임워크의 개념을 이해하는 것이 중요하다. 이를 위해 먼저 웹 서버와 웹 브라우저 간의 통신 과정과 싱글페이지 애플리케이션(SPA)의 개념을 알아야한다. 웹 브라우저가 서버로부터 데이터를 요청하고 응답받는 과정과 SPA가 페이지를 동적으로 업데이트하여 사용자 경험을 향상시키는 방식을 이해하면, 리액트의 핵심 동작 원리를 쉽게 파악할수 있다. 이 글에서는 이러한 내용을 간략하게 정리 하였다.리액트 프레임워크 이해하기리액트(React)는 2013년 페이스북에서 발표한 오픈소스 자바스크립트 라이브러리주로 사용자 인터페이스(UI)를 효율적으로 구축하기 위해 사용가상 DOM(Virtual DOM)과 JSX 라는 새로운 방식으로 효율적인 렌더링 지원프론트엔드는 웹 브라우저에서..

이 글에서는 일반화 프로그래밍의 개념에 대해서 이해하고, 일반화 메서드와 클래스의 사용 방법을 정리한다. 또한, List, Queue, Stack, Dictionary 일반화 컬렉션의 종류도 함께 정리하였다. 일반화 프로그래밍이란?일반화 프로그래밍은 특정한 개념에서 공통된 개념을 찾아내는 것을 의미즉, 한가지 코드를 다양한 데이터 형식에 활용여러 개의 타입을 오버로딩하지 않고, 하나의 제네릭 형식 를 사용하여 모든 타입을 지원   일반화 메소드를 작성하고 사용하는 방법구체적인 형식 int, string 이름 대신 형식 매개변수 가 들어간다.형식 매개변수 는 컴파일 단계에서 실제 데이터 형식으로 변환사용법은 메소드 이름 뒤에 형식 매개변수 이름을 붙인다.void CopyArray(T[] source, T[..