기타

[티스토리] Codepen 코드블럭 적용 시키기

코드펜은 HTML, CSS, JS를 작성하고 결과를 실시간으로 확인할 수 있는 유용한 코딩 사이트입니다. 또한 제작한 코드를 공유하는 데에도 유용하기에 많은 코딩 블로그가 애용하는 코딩 사이트이기도 합니다. https://codepen.io/ CodePen An online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, projects, and web applications. codepen.io 간단 요약 계정 필요, 가입, 로그인 Pen 생성 후 코드 작성 Save 버튼 클릭 후 Embed 버튼 클릭 설정 후에 HTML 코드를 ..

[자소서] 자기소개서 작성 팁

소제목을 적극 활용하자 지원하는 직무 수행에 영향을 끼치는 단점은 피하자 줄임말을 사용하지 말자 경험을 위주로 풀어 작성하자 결과와 배운 점 같이 작성하자 거짓된 내용은 작성하지 말자 1. 소제목을 적극 활용하자 인사담당자는 절대적으로 자기소개서를 읽을 시간이 부족하기 때문에 자연스럽게 소제목에 눈길이 가게 됩니다. 하지만, 주의할 점은 소제목이 본문 내용과 전혀 다른 내용이면 안됩니다. "본문의 내용을 알 수 있는 강렬한 짧은 문구"가 효과적인 소제목이라 할 수 있습니다. 2. 지원하는 직무 수행에 영향을 끼치는 단점은 피하자 당연한 말이지만, 자기소개서를 작성하다 보면 해당 사항을 놓칠 때가 많습니다. 단점 또는 부정적이라 생각되는 문구는 다른 단어를 선택해 순화시키는 작업이 필요합니다. 예를 들어 ..

[티스토리] JavaScript 소스코드 하이라이트 추가하기

문제점 해당 블로그는 티스토리에서 제공해주는 플러그인 코드 테마를 사용하고 있습니다. 하지만 JavaScript 코드 블록에 소스코드를 입력하면 메서드 부분이 똑같은 검은색이어서 가독성을 해치는 것 같았습니다. highlight.js를 사용해보기도 하였고 다른 방법을 찾아보았지만 만족하는 코드 하이라이트를 찾지 못하였습니다. 결국 나온 결론이 " 구현되어있는 하이라이트 원하는 기능에 추가를 시키자! "였습니다. 해결 먼저 하이라이트 된 코드의 색깔 스타일을 추가했습니다. 그 후 선언된 하이라이트 코드 블록 모두를 가져와 정규식으로 메서드인 코드만을 구분했고 스타일을 적용시켰습니다. $target .html(html.replace(/(\.[A-z]+\()/g, `$1`)) .html(html .replac..

[구글 서치 콘솔] 사이트맵 새로 갱신하기

문제의 발생은 어느 순간부터 새로운 글을 작성을 하고 색인 생성 요청을 하여도 색인을 만들어주지 않는 문제가 발생했습니다. 이때 문제를 찾아보니 사이트맵 탭에서 제출한 사이트맵이 갱신되지 않는 문제가 발생한 것을 발견했습니다. 마지막으로 읽은 날짜가 지난 시기에 작성한 글들이 색인 생성에 오류 생겼음을 확인했습니다. 이 문제에는 두 가지의 해결 방법이 존재합니다. 1. 사이트맵을 다시 추가하기 제출한 사이트맵을 삭제하고 다시 새로운 사이트맵을 추가해주는 방법입니다. 먼저 갱신되지 않는 사이트맵을 삭제해줍니다. 다시 사이트맵 주소를 제출해주면 마지막으로 읽은 날짜가 바뀔 것입니다. 하지만 이 방법은 매번 하기에는 번거롭다는 단점이 존재합니다. 2. 구글에 갱신 요청 하기 해당 방법은 구글에 사이트맵을 읽어..