개발을 하다보면 github에 push를 자주하게되는데, 할때마다"LF will be replaced by CRLF"라는 문구를 자주 보았을것이다.나도 push를 할때마다 인터넷에 검색해서 내용을 찾게되는데,무슨 의미인지는 알지만 명령어를 매번 복붙하기위해 검색을한다....( 하도 검색해서 자주방문한 블로그 그래서!!! 오늘은 정리를 해봐야겠다.이 경고는 Git이 줄바꿈 문자(line ending) 문제로 발생하는 거다. 윈도우와 유닉스 계열 시스템(Linux, macOS)은 서로 다른 줄바꿈 방식을 사용하는데, 이 차이 때문에 파일 수정 시 문제가 발생할 수 있다.LF(Line Feed): 유닉스 계열에서 쓰는 줄바꿈 방식.CRLF(Carriage Return + Line Feed): 윈도우에서 쓰는 ..

2024.09.04 - [Devlog] - styled-components에서 Non-Boolean Attribute 오류 해결하기  styled-components에서 Non-Boolean Attribute 오류 해결하기일을하면서 공부해야할것도, 숙지해야할것도 많아짐에따라다시 기술블로그를 하나하나 작성해보려고한다! 오늘은 React랑 styled-components를 사용하다 보면 마주칠 수 있는 오류 하나를 다뤄볼까whatever-ut.tistory.com  저번글에서 3번 해결방안에있던  $ Prefix 사용하기: Transient Props직접 사용해보았다. import React, { useState, useEffect } from "react";import styled from "styled-..

오랜만에 사진을 올리는거같네요. 퇴근길에 멈춰서 한참바라본 하늘입니다!

자바스크립트에서 자주 사용하는 특수 기호와 연산자 정리코딩하다 보면 자바스크립트에서 다양한 특수 기호와 연산자를 자주 쓰게 된다. 이런 기호들을 잘 활용하면 코드를 더 간결하고 효율적으로 짤 수 있다. 이번 글에서는   ?, !, ~ 같은 연산자들이 각각 어떤 의미를 가지고 어떻게 활용되는지 알아보겠다.1. 물음표 (?): 삼항 연산자랑 옵셔널 체이닝(1) 삼항 연산자 ? ?는 **삼항 연산자(ternary operator)**로 자주 쓰인다. 조건에 따라 다른 값을 선택할 때 유용하며, if 문을 짧게 쓸 수 있게 해준다. const result = condition ? '참일 때 값' : '거짓일 때 값'; 예를 들면 const age = 20;const isAdult = age >= 18 ? '성인..

일을하면서 공부해야할것도, 숙지해야할것도 많아짐에따라다시 기술블로그를 하나하나 작성해보려고한다! 오늘은 React랑 styled-components를 사용하다 보면 마주칠 수 있는 오류 하나를 다뤄볼까 합니다.오류 메시지: true for a non-boolean attribute `styled-components`를 쓸 때 이런 경고 메시지, 본 적 있나요?Warning: Received `true` for a non-boolean attribute `isvisible`. 이건 isvisible이라는 props가 DOM 요소에 전달됐는데, 이 속성이 boolean 값을 받지 않아서 생긴 문제다.이런 경우에는 이 props가 DOM에 전달되지 않도록 막아줘야 한다   해결 방법1. shouldForwar..

기간은 길었지만 짧다고 느낀 2차 프로젝트가 오늘 제출을하며 끝이났다... 초반엔 시간이 많다고 생각했지만, 제출 날짜가 다가올수록 마음은 급해지고, 원하는 결과물은 나오지않았다 하지만 이대로 제출하기에는 1차때와 다르지않을거 같아서(로그인시 헤더부분을 변경하지 못하고 그대로 제출해버린것) 요번엔 잠을 줄이면서까지 끝까지 붙잡고 시도해봤다... 결국엔 계획하던 기능은 구현완료했다!! 그래서 나를 괴롭혔던 에러에대해 트러블 슈팅을 해보고자 한다. //merberList.tsx User UserMembersList.tsx:24 GET http://localhost:8080/api/v1/api/v1/admin/members 404 (Not Found) dispatchXhrRequest @ xhr.js:258 ..