구글링 잘하는법 꿀팁 🍯 (코딩의 시작과 끝은 뭐다? 탁월한 개발자 되는 방법)

이 글은 '드림코딩 by 엘리'님 의 영상 내용을 바탕으로 정리한 내용입니다.

Intro

개발을 하면서 하루에도 몇번, 아니 몇십번 씩 구글링을 하곤 한다. 키워드 선택을 알맞게 하여 바로 솔루션을 찾을 때도 있지만, 그렇지 않을 때도 있다. 😥 때마침 드림코딩 엘리님께서 구글링 관련 영상을 올려주셔서 정리해 보려고 한다.

Search, Copy, Paste

Search, Copy, Paste : 요즘 모던한 개발자들이 일을 해나가는 방식이다. 뛰어난 개발자란 필요한 것을 빠르게 찾아서 효율적으로 적용해 나가는 자라고 생각한다. 개발자라면 필요한 지식들과 스킬들을 가지고 있어야 하지만 무엇보다 중요한 것이 있다.

1. 정확한 솔루션을 검색하고, 2. 찾은 솔루션을 이해하고 3. 원하는대로 수정해서 적용할 수 있어야 한다.

구글에서 검색할 때 그냥 검색하지 말고, 조금 더 효율적으로 원하는 솔루션을 찾아보는 방법에 대해서 알아보자.

정확한 키워드 선별하기

드래그 앤 드롭 기능을 구현하고자 할 때 How can I add drag-and feature to my website 라는 긴 문장으로 검색하면 좋지 않다. 검색 결과 중간 중간에 노이즈가 섞여 있고 원하는 결과를 빠르게 찾아내기 힘들다. Implement drag and drop html javascript 로 키워드를 조금 더 선별해서 작성하면 원하는 결과를 얻기 쉽다. 여기서 react 버전을 원할 경우 js 대신 Implement drag and drop html react 을 검색하면 된다.

• 구현하다 (implement) / 구현하고자 하는 대상 (drag and drop html) / 스택 (react)
• 구현하고자 하는 대상 (drag and drop html) / 스택 (react) / 원하는 것 (demo, example, sample )

exact match

가끔 개발을 하다보면 발생하는 에러가 있다. 그냥 구글에다가 에러메시지를 검색하게 되면 원하는 결과를 얻기 힘들다. ex) docker mysql exited with code 137 도커에서 발생한 에러를 그대로 검색할 경우 해결 방안이 잘 나오지 않는다. 구글은 단어 여러개를 조합해서 검색하는 경우 단어 하나라도 포함되는 어떤 기사나 블로그를 보여주기 때문이다. 이렇게 검색하면 원하는 것을 찾기 어렵다.
정확히 에러 메시지가 정확히 포함된 결과를 찾고 싶을 때는 "docker mysql exited with code 137", exact match (쌍따음표)를 이용하면 된다.

exclude

특정한 키워드를 검색 결과에서 제외시키는 기능이다. store javascript date object in mysql 로 검색하게 되면, js 뿐만 아니라 ph 로 구현된 것을 찾을 수 있다. 그럴 때는 앞에 제외 키워드를 명시할 경우 -php 를 검색을 빠르게 해나갈 수 있다. 검색 결과를 일일히 확인하면서 스킵하고, 스크롤 하기 보다는 다음의 키워드를 활용하면 된다.

site:url

구글 검색 시 빠르게 무언가를 찾거나 구현해야 할 경우 stack.overflow 를 사용한다. 길게 작성된 블로그를 통해서 긴 글을 튜토리얼을 하나씩 확인하기 보다는 stack.overflow 에서 예제 코드를 확인하고 적용하는 편이다. 리엑트에서 요소 밖의 클릭을 감지할 수 있는 방법에 대해 찾고자 한다면 다른 웹사이트, 블로그 예제를 찾게 된다. site:stackoverflow.com detect click outside element in react 라고 명시하면 스택오버플로우에서 내가 원하는 내용을 검색할 수 있다.

before:DATE / after:DATE (기간 설정)

구글에서 스택오버플로우에서 검색할 때 가끔은 예제 코드가 매우 오래된 경우가 많다. 잘 아는 분들은 예제가 옛날 방식의 코드라는 것을 알고 있겠지만, 잘 모르시는 분들은 이 예시를 그대로 활용하는 경우가 있다. site:stackoverflow.com CSS center a div vertically 를 검색할 경우 2020, 2015, 2017 등 다양한 결과를 확인할 수 있다. site:stackoverflow.com CSS center a div vertically after:2020 라고 명시하면 2020년 이후의 결과를 볼 수 있다. 반대로 before:DATE 를 이용하면 예전 코드를 확인할 수 있다.

검색하는 게 귀찮을 경우 검색 필터를 통해 동일한 결과를 얻을 수 있다.

conclusion

검색해 나가는 스킬을 조금씩 더 높이면 생산성도 높아지고, 원하는 솔루션을 찾을 수 있다. 어떻게 구글을 잘 활용하고 있는지 공식 사이트
에서 다양한 트랙들을 알려주고 있다. 구글 서치는 강력한 툴이다. 조금이라도 시간을 내어서 구글이라는 툴을 더 효율적으로 사용할 수 있을지 공부하게 되면 큰 도움이 될 것이다. 더 심화적인 것에 알아보고 싶다면 adfvanced Search 에서 살펴볼 수 있다.

https://www.youtube.com/watch?v=By_qxt0SZlI&t=10s