Q&A게시판에서 답변자로 활동하면서 여러 질문글을 보고 느낀 점이 많이 있습니다.

각자의 상황이 있기 때문에 몇십줄 코드를 Ctrl+C, Ctrl+V  해 질문할 수도 있다고 생각합니다만, 

보통의 답변자들은 위 글을 보게 되면 그냥 뒤로가기 하게 됩니다. 질문자를 꾸짖을 수도 있겠죠.

이 외에도 답변하기 애매한 질문글을 보면 예전에 질문글을 올리던 제 자신이 생각나기도 해서

이 글에서는 빠르고 정확하게 답변을 받기 위한 질문글 작성 팁을 드리려고 합니다.

-- 캡쳐나 본문에 붙여넣기 대신 에디터 상단의 '코드' 기능 이용하기

.frame {
  display: inline-block;
  vertical-align: middle;
  margin: auto 200px;
  padding: 30px;
  border: 10px solid #efefef;
  background-color: #eaeaea;
  position: relative;  
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

이렇게 본문과 코드가 구별되어 가독성이 훨씬 좋아지기 때문에 코드를 더 쉽게 파악할 수 있습니다.

-- 프론트엔드(HTML, CSS, JS) 관련 질문할 때

질문자도 글로 표현하기 어려운 상황이 많아, 애매모호해지는 경우가 많습니다. 

https://codepen.io, https://jsfiddle.net/ 같은 온라인 에디터를 이용하면 답변자가

질문자의 전체 코드를 빠르게 파악하고 결과를 볼 수 있기 때문에 좋습니다.

이 글에선 제가 자주 사용하는 https://codepen.io 의 사용법을 설명해드리겠습니다.

1. 상단(빨간 박스 표시)의 New Pen 클릭 

2. 코드 작성후 본문에 붙여넣기 위해 하단(빨간 박스 표시)의 Embed 클릭 

3. 하단(빨간 박스 표시)의 HTML 코드를 복사

4. okky - 글 에디터의 '</>'(코드보기) 를 클릭, 원하는 위치에 붙여넣기 하시면 아래처럼 나오게 됩니다.

-- 글 작성 팁은 아니지만... 답변을 받은 후 채택하는 방법

엄청 간단한데 모르는 분들이 꽤 많은 것 같아 작성해봅니다.

답변자 프로필 왼쪽에 v 표시에 마우스를 올리면 

초록색으로 v 표시가 채워지는데, 클릭하면 답변이 채택됩니다.

채택하면 답변자의 점수가 올라가는 건 아니지만(기분이 좋긴 합니다)

답변이 채택된 게시물은 목록에 초록색으로 표시되어 같은 질문을 가진 사람들이 빠르게

원하는 답을 찾아갈 수 있습니다.