본문 바로가기

분류 전체보기30

[React] public 폴더의 이미지 사용하기 사진들을 모두 api 로 만들어서 교체하는 도중에 힘들게 찾아서 적용시킨 방법을 잊을까봐 기록한다  별거 아니지만 이런 코드 하나하나가 모여 큰 지식이 되니 까먹지 말자는 생각.. ㅎprocess.env.PUBLIC_URL + ' 경로이름 ' 2024. 5. 15.
2024/5/15 비전공자로 국비 교육수업을 이수했다는 것 만으로 회사에 지원한다는게 말이 안된다고 생각했다... 적어도 자격증은 보유해야 내가 이분야에 관심이 있다는 것을 어필할 수 있을 것 같았다.정보처리기사 공부를 5월 초부터 시작하고 2주정도 죽어라 공부한 것 같다. 시험 보기전 떨어지면 어떡하지란 생각이 들면 2배는 더 열심히 공부한 것 같다. 자기전에도 책보고 밥 먹으면서 책보고... 시험 당일 약간은 긴장되었지만 그래도 시험은 나쁘지 않게 잘 봐서 가채점 결과 합격을 받았다 ㅎㅎ 학원에서 프로젝트 우수상을 받았을 때 보다 더 기분 좋았던 것 같다.근데 정처기는 실기가 진짜 어렵다니 바로 공부하려고 실기책을 주문한 상태이다. 아무튼! 이러한 상황 때문에 개발공부를 하지 못했는데 이제 다시 제대로 시작해야겠다..ㅎ 2024. 5. 15.
[Tailwindcss] grid-row-숫자 분석 메인 페이지를 만들긴 했는데 생각해보니 레이아웃 구분이 안되어있었다.. 그래서 부랴부랴 검색해서 레이아웃 구분하려고 하는데 엄청 애를 먹었다.. 완벽히 완성한건 아니지만.. 대충 이렇다gird-col-12 는 완벽히 이해했다 하지만 grid-rows-3 는 대체 어떻게 써먹는지 모르겠다.. [grid-rows-숫자]에 관한 나의 생각  01 02 03 col이 1개의 열을 뜻한다면 row는 1개의 행을 뜻하는 것이겠지 당연히?그렇다면 grid-rows-3은 1개의 row의 크기가 3으로 정의한다는 뜻 같다. row-span-2 에 해당하는 03 부분이 옆의 01부분에 비해서 약간 작게 한 행을 먹은 것을 보고 그렇게 생각하게 됐다맞겠지..? (아니면.. 2024. 5. 4.
사용했던 유용한 JS 함수 정리 onresizewindow.onresize = function(event) { console.log("창의 너비: " + window.innerWidth); console.log("창의 높이: " + window.innerHeight);};윈도우 창의 크기가 바뀔 때 발생하는 이벤트를 처리하는 함수 2024. 5. 1.