알아두면 좋은 꿀팁들 3

react-bootstrap css수정, 덮어쓰기 하는 법! ( feat. css 우선순위 )

제가 처음 부트스트랩을 사용하면서 골머리를 썩었고, 그 이후 무려 이 글을 포스팅 하는 오늘까지도 대충 야매로 넘겼던 부트 스트랩 css 수정에 대해 정리를 해보려고 합니댜. 단지 잘 가져온 bootstrap 컴포넌트의 스타일을 일부분 수정하는 것 말입니다. class를 주고 css파일에서 수정하는거 말이에요 !!!! 'css커스텀' , 'css덮어쓰기' , 'css오버라이드' , 'css수정' , 'css스타일변경' , 'css classname' 등등 수많은 키워드가 나올 수 있는 이 행동 어쩌면 저와 같은 목적으로 해매는 사람이 충분히 있을것 같아요.. 부디 천천히 읽어보시고 광명 찾으세요. 진지합니다. 출발 1. 내 목적은 일부분만 수정하는거야!!!! 저는 react-bootstrap를 사용했었습..

단일 책임 원칙 - Single Responsibility Principle

언제나 그렇듯 혼자 열심히 코딩을 하고 있었슴다. 상단 Navbar UI 를 개선하려고 코드를 이것저것 짜보다가 도저히 머리가 안돌아가서 현직에 종사하는 친구에게 조언을 구했습죠. 제 코드를 보여주니 단번에 개선된 코드를 후루룩 짜더니 "이렇게 짜면 어떤점이 좋은지 이해돼?" "혹시 단일책임의 원칙이라고 알아?" 라고 말하더이다. 친구가 수정해준 코드를 읽어보는데.... 이럴수가.... 주석 하나 없이도 코드의 의미가 바로 파악되는게 아니겠어유? 이전까지 저는 코딩을 할 때 돌아가게 짜고..... 중복을 제거하면.... 그저 그게 전부였는데.... 뭔가 뒷통수를 씨게 맞은듯 했었슴다. 그래서 바로 포스팅을 하는거에유! 1. 단일 책임의 원칙 !!! 바로 검색해보았슴다. 객체 지향 5대 원칙 S.O.L.I..

Ajax / axios

Ajax는 서버에 새로고침 없이 요청을 할 수 있게 도와주는 친구입니다. 개념부터 잡고 가자면 서버 : 페이지 요청을 하면 페이지를 가져다주는 곳이라고 생각하면 됩니다유 GET 요청 : 특정페이지 or 자료 읽기 등등 URL에 주소치는것도 다 GET요청 입니다유 POST 요청 : 로그인과정을 생각해보면 내가 적은 ID/PW 를 서버로 보내야겠쥬 ? 그런것이 다 POST 요청입니다. 그래서 서버에 이런 요청들을 하면 원래 페이지가 새로고침이 됩니다. 근데 새로고침없이 부드럽게 요청하려면 Ajax를 쓰면 됩니다이 그래서 Ajax를 어떻게 쓰냐~~ 하면 jQuery 라이브러리 ---> $.ajax() 쓰든가 axios 라이브러리 ---> axios.get() 쓰든가 JS ---> Fetch() 쓰든가 하면 되..