웹 개발 공부

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

버튼에다가 display: inline-block 주지 않고 버튼들의 부모인 div에 적용했더니 나란히 되었습니다.

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

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

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

'import' and 'export' may only appear at the top level 위와 같은 에러가 발생했다 찾아보니 괄호를 닫지 않아서였다 에러 해결을 도와준 스택오버플로우다 https://stackoverflow.com/questions/37902849/import-and-export-may-only-appear-at-the-top-level 'import' and 'export' may only appear at the top level I'm using webpack with vuejs. Webpack does its thing, but when I look at the outputted app.js file, it gives me this error. 'import' and 'e..

image sprites는 사용할 이미지 전체를 가져와서 원하는 부분만 노출시키는 방법이다. 이미지 태그를 사용하는 경우는 포털사이트에서 이미지 검색에도 노출이 필요한 경우, 페이지에서 중요한 역할을 하는 경우, 프린트 했을 때 출력이 되어야하는 경우 등등이 있다. 위의 이유가 아니라면 image sprites 기법을 하는 것이 좋다.

해결은 간단합니다 css, js경로에서 /public를 제외했더니 정상적으로 진행되었습니다. 정말 간단하죠?

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

다른 거 다 해봤는데 안되어서 구글링하다가 발견했습니다. $brew install mongodb-community-shell 위의 명령어를 쳤더니 정상적으로 진행되었습니다.