콛 다이어리

내가 div를 가운데 정렬하는 방법은margin: 0 auto;를 주는 방법과부모 div태그를 추가해서 중앙정렬을하는 방법밖에 없었다. 오늘은 첫번째 방법이 되지 않았고,두번째는 구조상 사용할 수가 없었다. 다행히 잘 정리된 게시글이 있어서깔끔하게 배치할 수 있었다. Flexbox: 요소를 상하좌우 정중앙 정렬하는 방법 중, 가장 쉬운 방법 자식 요소를 수직과 수평으로 중앙에 정렬하려면 부모 요소에  justify-content: center와 align-items: center를 적용    출처: https://www.freecodecamp.org/korean/news/cssro-mueosideun-jungang-jeongryeolhaneun-bangbeob-div-tegseuteu-deung/

리액트 라우터 돔도 설치했고,import도 해줬고,내 VSCode에는 에러가 뜨지 않는데 브라우저는 흰 창만 띄운다.. 구글에 검색해보면 다'링크 태그로 연결하세용!','이렇게 연결하세용!'이래서 챗gpt한테 물어봤다.또,t="_blank" 및 rel="noopener noreferrer"외부 링크는 보안과 성능을 위해target="_blank"와 rel="noopener noreferrer"를 포함하는 것이 좋습니다.Link로 외부 URL 연결하기 (비추천)기술적으로는 Link에 to 속성으로 외부 URL을 지정할 수도 있지만,권장되지 않으며 예기치 않은 동작이 발생할 수 있습니다  라고 말 했다. 근데 전에 a태그를 사용했고a태그보다 Link태그를 사용하는 것이좋다고 배워서 사용하고 싶었다. 그래서 ..

스타일 컴포넌트로 만든 컴포넌트에링크 태그를 넣으려고 했다. 리액트 돔 설치도 해줬는데브라우저 화면에 흰 화면만 보여준다. 내 VSCode에서 보이는 에러도 없고개발자 도구를 확인해 봐도내가 잘못한 건 없어보인다. 계속 아무것도 출력이 안 되니까신경질이 나서 튜터님을 찾아갔다. 역시 내가 틀렸다. 개발자 도구 열어보라고 하셔서열어보니까빨간색이 엄청 많다고 하셨다......힉?이유는 내가 Link태그를 사용하면서최상위 컴포넌트 (App.jsx)에를 입력해주지 않아서 그런거였다!

어제 KOR 버튼을 onClick 하면,ENG, JPN, CHN 버튼이 내려오는기능을 만들었는데 뭐가 잘못됐는지 우측에 태그로 만든리스트 까지 같이 출력이 됐다..심지어 PAYCO 텍스트는 더 밑으로 출력이 됐다.. 마음 같아서는 싸그리 지우고 싶었지만그러기에는 이미 입력한 코드가 너무 많았다;;이번 기회에 하나씩 보면서 뭐든 얻어갈까 싶어코드를 좀 검토를 해봤는데 정말 아닌 것 같았다.지금 시간적 여유가 없었다. 튜터님께 날아가서이 컴포넌트에 있는 코드만 싹- 지워서처음부터 다시 해아할 것 같은데입력한 코드를 검토하는게 나을까요,처음부터 갈아버리는 게(?) 나을까요?? 하고여쭈어보았다.. 튜터님이 막 웃으시더니튜터님께서도 전에 그런 적이 몇 번 있으셨다면서그렇게 하는 게 빠를 수도 있고그런 과정에서 얻..