\(@^0^@)/

예를 들어 input을 모두 button으로 바꾸어야 한다거나, 변수 또는 상수명을 오타 내서 한꺼번에 바꾸어야 할 경우에 사용할 수 있는 꿀팁을 알아보자! 1. 왼쪽 사이드의 돋보기 모양을 클릭하여, 바꾸고 싶은 글자를 검색한다. 2. 돋보기와 입력한 글자 사이에 있는 화살표 버튼을 선택하면 아래 이미지처럼 밑에 input 창이 하나 더 나오는데 3. 아래의 input창에 수정하고 싶은 단어를 적은 후, 초록색 박스의 아이콘을 누르면 적용 완료!

Keyword How to create carousel function to my website 같은 긴 문장을 검색하는 대신 주요 키워드만 적어주자. 1. implement (구현하다) carousel (구현하고자 하는 대상) html javascript react(스택) 2. carousel (구현하고자 하는 대상) javascript (스택) example demo sample (원하는 것) Exact match 더 강조하고 싶은 단어 또는 문장에 쌍따옴표("") 를 사용할 경우, 더 정확한 검색 결과가 노출된다. Exclude 특정 키워드를 검색 결과에서 제외시키고 싶은 경우, 대시(-)를 사용하면 된다. 예를들어 리액트 관련 검색결과들을 얻고 싶지 않다면, implement carousel ja..

코딩하다가 Html Head 부분에 title, meta 같은 코드를 추가하고서 잘 들어갔는지 페이지 소스를 확인할 때 이제까지는 마우스 우클릭 - 페이지 소스 보기를 이용하였는데, 그럴 때마다 위의 이미지처럼 자동 줄 바꿈을 해주어도 가독성이 많이 떨어지는 불편함이 있었다. (해결방안을 찾아보지 않고 그냥 불편해만 했던 나 자신.... 반성해!) 우연히 좋은 크롬 익스텐션을 찾아서 저장해두려한다 :) Quick source viewer를 설치하고 해당 익스텐션을 통해서 html 소스를 볼 경우 (물론 다른 소스들도 볼 수 있음) 위의 이미지와 같이 깔끔하게 소스들을 볼 수 있어 매우 매우 유용할 것으로 판단!! 앞으로 얘를 요리조리 잘 사용해보자 오른쪽 상단을 보면 카피도 가능하고, Beautify 속..

https://reactrouter.com/docs/en/v6/upgrading/v5 React Router | Upgrading from v5 Declarative routing for React apps at any scale reactrouter.com https://www.youtube.com/watch?v=CHHXeHVK-8U https://velog.io/@ksmfou98/React-Router-v6-%EC%97%85%EB%8D%B0%EC%9D%B4%ED%8A%B8-%EC%A0%95%EB%A6%AC React Router v6 업데이트 정리 velopert님의 영상을 토대로 정리한 블로그 글입니다.동영상으로 보실분들은 velopert님의 유튜브 영상을 시청해주세요!React Router v6가..

https://redux.js.org/api/api-reference API Reference | Redux The Redux API surface is tiny. Redux defines a set of contracts for you to implement (such as reducers) and provides a few helper functions to tie these contracts together. redux.js.org https://redux-toolkit.js.org/ Redux Toolkit | Redux Toolkit The official, opinionated, batteries-included toolset for efficient Redux development redux..

https://fomaios.tistory.com/entry/Udemy-%EC%8B%A4%EC%8B%9C%EA%B0%84-%ED%95%9C%EA%B8%80-%EC%9E%90%EB%A7%89%EC%9C%BC%EB%A1%9C-%EB%B3%B4%EB%8A%94-%EB%B0%A9%EB%B2%95featChrome

생각 안 날 때 참고하기 https://developer.mozilla.org/en-US/docs/Web/CSS/minmax() https://www.youtube.com/watch?v=eprXmC_j9A4 https://heropy.blog/2019/08/17/css-grid/

※ 참고 : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference

보호되어 있는 글입니다.

🔥 public APIs : https://public-apis.xyz/page/1 🔥 public APIs : https://github.com/public-apis/public-apis 🔥 gif 관련 : https://developers.giphy.com/ 🔥 음악 관련 : https://developer.spotify.com/ 🔥 요리 레시피 관련 : https://developer.edamam.com/ 🔥 meme 관련 : http://apimeme.com/?ref=apilist.fun 🔥 공공 데이터 : https://www.data.go.kr/tcs/dss/selectDataSetList.do 👍 꾸준히 업데이트 예정