개발세발

잘 돌아가지 않는 코드를 지우고 마지막 stash 저장해둔걸 다시 불러와서 호기롭게 새로 시작하고자 했는데 아침부터 무슨 정신인지 stash에 들어가지 않고 새로만든 파일이라 git changes에 남아있는 파일들까지 깔끔하게 'discard changes'해버렸다 ^^... 직접 파일을 삭제한게 아니라 변경사항을 지운개념이라 그런지 휴지통에도 없고... chatGPT에 물어봐도 뾰족한 방법이 없었는데 다행히 스택오버플로우에서 해결책을 찾을 수 있었다. chatGPT에 내가 질문을 잘 못 넣은건지는 모르겠지만.. 역시 항상 정답은 아니라는것.. 구글검색이 아직까지 유효하다는걸 새삼느꼈다 만약 휴지통에도 삭제한 파일 없을때, ctrl + z 해서 돌아가기도 안될 때 사용할 수 있는 방법이다 ..! http..

리액트 공부를 하면서 참고자료로 에어비앤비 사이트를 뜯어보고 있는데 보다보니 선택자가 .test[class][class] 형태로 되어있는 경우가 왕왕 있었다. 찾고자 하는 내용이 바로 잘 나오지 않아서 chatGPT에 검색해봤더니 아래와 같은 답변을 줬다. 그런데 막상 해보니 test의 글자색도 바뀌었따. 예상으로는 1. 클래스명에 test가 포함되어 있다. 2. class이름이 2개 이상이다. 를 둘 다 만족해야 바뀌는게 정상인데 다른 결과가 나와서 좀 당황스러웠다. 무조건 2개가 아니라 - class속성 값이 2개 이상인 요소를 선택하거나 - 속성값이 test인 경우를 모두 선택하는 경우인 선택자이지 않나싶다. 굳이 저렇게 선택자를 쓴 이유가 있지 않을까.. 싶기도 한데 명확하겐 와닿지 않는다. 그 ..

웹페이지 만들면서 아이콘이 필요할 때 웹 아이콘을 이용해서 넣으면 좀 더 깔끔하고 편하게 넣을 수 있다. 평소 자주 사용하던 아이콘 툴킷은 font-awesome이다 react로 개발을 시작하면서 리액트 환경에서도 font-awesome이 사용되는지 몰랐는데 되긴 된다! 하지만 평소 사용했던 바와 같이 무료로 사용할 수 있는 아이콘이 한정적이라는 치명적인 단점이 똑같이 있었다. https://fontawesome.com/v5/docs/web/use-with/react React The internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always..

[HTTP 메서드 활용 ] 📍 데이터 전달 방식 ◼️ 쿼리 파라미터를 통한 데이터 전송 - GET - 주로 정렬 필터(검색어)를 쓸 때 많이 사용 ◼️ 메시지 바디를 통한 데이터 전송 - POST, PUT, PATCH - 회원가입, 상품 주문, 리소스 등록, 리소스 변경 등에 사용 📍 클라이언트 ➡️ 서버로 데이터가 전송되는 상황 예시 ◼️ 정적 데이터 조회 - 이미지, 정적 텍스트 문서 ➡️ 쿼리 파라미터없이 리소스 경로로 단순하게 조회 가능 - 단순 조회이므로 GET을 사용 ◼️ 동적 데이터 조회 - 주로 검색, 게시판 목록에서 정렬 필터(검색어) ➡️ 쿼리 파라미터 사용 - 서버는 쿼리 파라미터를 기반으로 정렬 필터해서 결과를 동적으로 생성 - 쿼리 파라미터를 사용해서 데이터를 전달하는 GET을 사..