반응형 CS12 warning: LF will be replaced by CRLF the next time Git touches it 경고 해결하기 warning: LF will be replaced by CRLF the next time Git touches it 경고 해결하기VScode에서 가끔 git 관련 작업을 할 때 위와 같은 경고가 뜰 때가 있습니다. 물론 경고 사항이라 add, commit, push를 강제적으로 할 수는 있지만 뭔가 찝찝하죠.이런 경고가 뜨는 이유는 언급된 파일들의 운영체제별 줄바꿈 차이때문인데요, 더 자세히는 LF 줄바꿈을 사용하고 있지만, Windows 시스템에서 Git이 이를 CRLF로 변환하려고 하기 때문에 이 경고가 발생하는 것입니다. 이런 Git의 자동 줄바꿈 변환 기능으로 생긴 경고는 다음과 같이 간단하게 해결할 수 있습니다.해결방법 1 - CLI커맨드에 git config core.autocrlf fal.. 2025. 3. 10. WAI-ARIA와 웹 접근성 여태까지 웹을 개발하면서 접근성에 대한 고려는 크게 하지 않았는데요.웹 강의를 듣다가 여태껏 웹 접근성에 대해 너무 무지했던 것 같아 반성 및 정리할 겸 기록해봅니다.MDN web docs에서 접근성>ARIA 항목을 참고하여 작성했습니다. 그럼 출발~WAI-ARIA란?WAI-ARIA는 Web Accessibility Initiative - Accessible Rich Internet Applications의 약자로, 웹 콘텐츠와 웹 애플리케이션이 접근성(Accessibility)을 지원하도록 설계된 기술 표준입니다. 장애를 가진 사용자가 스크린 리더(Screen Reader)나 보조 기술을 통해 웹을 이용할 때, 더 명확하고 쉽게 상호작용할 수 있도록 도와주는 기술이라고 생각하시면 편할 것 같은데요.WA.. 2025. 2. 19. DTD가 뭐에요?(feat. !DOCTYPE html) VScode에서 웹을 만들다보면 ! 를 입력하면 자동으로 다음과 같은 코드 입력이 완성되는데요.여기서 !DOCTYPE html이 뭘까요? 이걸 알기 위해서는 DTD가 뭔지부터 짚고 넘어가야 할 필요가 있습니다.DTD란?DTD(Document Type Definition, 문서 형식 정의)는 XML이나 HTML 문서에서 사용되는 문서 형식을 정의하는 규칙이나 표준입니다. DTD는 문서가 어떤 요소, 속성, 계층 구조, 데이터 유형 등을 포함해야 하는지를 명확히 규정하며, 문서의 구조적 유효성을 검사하는 데 사용되는데요. 주로 HTML, XML과 같은 마크업 언어에서 사용되며, 문서가 규격에 맞게 작성되었는지를 검증하는 역할을 합니다. 예를 들어, XML 문서를 작성할 때 DTD를 사용하면 태그가 올바르게 .. 2025. 2. 19. [React] JSX 알아보기 JSX란?JSX(JavaScript XML)는 JavaScript의 확장 문법입니다. XML과 매우 비슷하게 생겼으며, 이런 형식으로 작성한 코드는 브라우저에서 실행되기 전에 코드가 번들링되는 과정에서 바벨을 사용하여 일반 자바스크립트 형태의 코드로 변환되어 적용됩니다.React 라이브러리를 사용해서 웹 개발을 할 때, JSX 문법을 사용하면 더 직관적이고 편하게 작업을 할 수 있는데요.설명만 해서는 어떤 구조인지 왜 쓰는지 잘 이해가 안되죠?어떻게 편한지 한번 간단한 예시로 살펴봅시다. JSX를 왜 쓸까?JSX 없이 순수하게 JavaScript로만 React 컴퍼넌트를 만드려면 다음과 같이 만들 수 있습니다.function Greeting({ name }) {return React.createElem.. 2025. 1. 29. 웹소켓 구현해보기 2편 - 클라이언트와 서버 연결 (Web Socket with Node.js) 지난 1편에서는 웹소켓 서버를 생성해봤는데요.이번에는 생성한 웹소켓 서버(백엔드)와 클라이언트(프론트엔드)를 연결해보려고 합니다.1편은 아래 링크를 참고해주세요!https://musubi-iroiro.tistory.com/461 웹소켓 구현해보기 1편 - 웹소켓의 정의와 웹소켓 서버 생성 (Web Socket with Node.js)웹소켓의 정의웹소켓(WebSocket)은 HTML5에서 소개된 통신 프로토콜로, 클라이언트와 서버(브라우저와 서버)를 연결하고 실시간으로 통신이 가능하도록 하는 프로토콜입니다. http처럼 이것도 프로musubi-iroiro.tistory.com서버와 클라이언트 연결하기웹소켓 서버를 만들었다면, 클라이언트와 연결을 해봅시다.우선, 백엔드 쪽에서는 새로운 클라이언트가 연결되었을.. 2025. 1. 25. 웹소켓 구현해보기 1편 - 웹소켓의 정의와 웹소켓 서버 생성 (Web Socket with Node.js) 웹소켓의 정의웹소켓(WebSocket)은 HTML5에서 소개된 통신 프로토콜로, 클라이언트와 서버(브라우저와 서버)를 연결하고 실시간으로 통신이 가능하도록 하는 프로토콜입니다. http처럼 이것도 프로토콜(일종의 약속)이기 때문에, 특정 프로그래밍 언어에 국한되거나 하는 개념이 아닙니다.. 우리가 http 프로토콜로 만든 웹을 http, https를 통해서 접근할 수 있는 것처럼, 웹소켓 프로토콜로 만든 웹은 ws, wss로 접근 가능하죠. 웹소켓의 탄생과 http의 한계 웹소켓은 위의 사진에 나온 것처럼 http 프로토콜의 한계를 보완하기 위해 탄생했습니다..http는 request를 보내면 response를 보내주는 걸 반복하는 방식이고, realtime으로 작동하지 않습니다. 또한, http는 s.. 2025. 1. 25. 이전 1 2 다음 728x90 반응형
