JS와 친구들 30

[react] Cannot read properties of null (reading 'useRef') TypeError: Cannot read properties of null (reading 'useRef') at Object.useRef

react로 fontawesome 적용하는데 아래와 같은 에러가 발생했습니다 useRef 쓰지 않는데 useRef 에러 발생이라고 하니까 당황스러웠습니다. gpt에게 물어봤더니 객체 얘기를 하고 null 얘기하고 아닌 것 같아 okky에 올렸습니다. 누군가 답변을 달아주길 바라면서 있는데 드디어 답변이 달렸고 리액트 버전 문제임을 알 수 있었습니다. 리액트를 "react": "^17.0.2", "react-dom": "^17.0.2", 이렇게 변경하고 npm install로 적용했더니 아이콘들이 떴습니다 나도 지식을 나눌 수 있는 개발자가 되어야지하고 다짐한 오늘이었습니다

JS와 친구들 2023.05.11

[css] inline, inline-block, block

inline display 속성이 inline으로 지정된 엘리먼트는 전후 줄 바꿈 없이 한 줄에 다른 엘리먼트들과 나란히 배치됩니다. 대표적인 inline엘리먼트로 이나 , 태그 등을 들 수 있습니다. inline 엘리먼트를 사용할 때 주의할 점은 width, height 속성을 지정해도 무시된다는 것입니다. 이유는 해당 태그가 마크업 하고 있는 콘텐츠의 크기만큼만 공간을 차지하도로고 되어있기 때문입니다. margin과 padding 속성은 좌우 간격만 반영이 되고 상하 간격은 반영되지 않습니다. block display 속성이 block으로 지정된 엘리먼트는 전후 줄바꿈이 들어가 다른 엘리먼트들을 다른 줄로 밀어내고 혼자 한 줄을 차지합니다. inline-block inline 엘리먼트처럼 width와..

JS와 친구들 2022.12.21

[css] position absolute와 relative, fixed

1. 정적 위치(static position) 지정 방식 2. 상대 위치(relative position) 지정 방식 3. 고정 위치(fixed position) 지정 방식 4. 절대 위치(absolute position) 지정 방식 absolute 요소를 일반적인 문서 흐름에 제거하고 페이지 레이아웃에 공간도 배정하지 않습니다. 대신 가장 가까운 부모 요소 혹은 조상 요소 중 position속성이 relative인 요소에 대해 상대적으로 배치합니다. 위치는 top, right, left, bottom 이 있습니다. relative 요소를 일반적인 문서 흐름에 따라 배치하고, 자기 자신을 기준으로 top, right,bottom, left의 값에 따라 오프셋을 적용합니다.오프셋은 다른 요소에는 영향을 주..

JS와 친구들 2022.12.21

[개발자도구] 개발자도구와 친해지자

화면을 새로고침 해도 console 내용이 지워지지 않고 남게 하는 방법은 이렇습니다. console창 > 설정 > console에서 preserve log upon navigation 체크. 콘솔에서 Warnings , Errors 내용을 제외하고 보는 방법은 이렇습니다. Default levels에서 Warnings와 Errors의 체크 해제 다른 패널(Elements, Sources패널 등) 사용 중에도 [ESC] 키를 누르면 console 패널이 사용 가능합니다. 간단하지만 잊기쉬운 것들이라 블로그에 작성합니다

JS와 친구들 2022.12.13

[mac/root] mac root 비번 설정하기

에러에 에러에 에러 해결하고 나니 또 에러.. 에러 출력 없이 문제가 생기는 것보다는 훨씬 좋지만.. 그래도 에러는 웬만하면 안 발생하면 좋겠습니다.. 비밀번호 어떻게 찾나 싶었는데 다행히 비밀번호를 재설정할 수 있다고 합니다. 비밀번호 다 쳐봤는데 안된다면 아래의 명령어를 쳐보세요 sudo passwd root 위 명령어로 해결 되서 공유합니다

JS와 친구들 2022.10.19

[스파르타코딩클럽] 내일 배움단 4주차

1. 수강 목적 html, css, js 공부한 지 5개월이 넘었지만, 취업준비를 하면서 기본기를 탄탄히 쌓고 협업 경험을 하고자 국비지원에 지원했습니다. 지원하긴 했는데... 살짝 수강한 강의의 퀄리티 보고 시간 낭비일 것 같아 지원했습니다.( 화상 인터뷰해서 합격했습니다. 와-!) 그리고 k-크레딧으로 필요한 지식을 채우고자 하여 알아보던 차 평소 유튜브에서 광고 보고 눈 여겨본 스파르타 코딩 클럽 내일 배움 단에 신청했습니다. 1주 차 수강을 완료한 지금은 스파르타 코딩 클럽 내일 배움 단에 신청하길 잘했다고 생각합니다. 2. 배운 점/잘한 점 4주차는 웹크롤링을 배웠습니다. 서버 POST에서는 og: 태그를 meta []로해서 가져와 DB에 저장하고(사용자의 input 정보까지), 클라이언트에서는..

JS와 친구들 2022.02.15