Featured Lab

기록 → (146)건

  1. 서브라임 텍스트(sublime text)에 less syntax 플러그인 설치하기
    2021.09.07
  2. ppt 기획의 능률을 올리는 툴 : 파워목업(PowerMockup)
    2021.06.08
  3. 워드프레스에 보안서버 ssl 적용
    2021.06.04
  4. 워드프레스 부모 페이지 접속하면 자식 하위 페이지로 이동되도록 하기
    2021.05.30
  5. 구글 리캡차 v2 안보일때
    2021.05.29
  6. 워드프레스 smtp 연동시 네이버 메일 연동 안되는 문제
    2021.05.28
  7. cURL error 28: Operation timed out after 5000 milliseconds with 0 bytes received 에러 해결
    2021.05.22
  8. 0401 링크
    2021.04.01
  9. 링크 0323 - 개발
    2021.03.23
  10. 링크 0319
    2021.03.19

서브라임 텍스트(sublime text)에 less syntax 플러그인 설치하기

less 파일을 서브라임 텍스트에서 에디팅시, 하이라이팅 기능을 이용하고 싶다면 다음의 방법을 따른다. 1. 서브라임 텍스트에서 Preferences > Package Control 선택 혹은 Shift+Ctrl+P 입력하면 2. 여기서 Package Control:Install Package 를 선택 3. less라고 쓰면 맨 첫번째 나오는게 있을것.. less syntax highlight 이런 단어 들어가있다. 그걸 클릭 4. 설치 완료 되면 서브라임 에디터를 다시 시작 5. 다시 켜고나서 메뉴에서 View > Syntax 선택후, LESS 선택 그러면 원래 이런 모습에서 이렇게 구문이 하이라이트 처리 된다. 끗! * 참고 URL : https://stackoverflow.com/questions/..
기록/개발일지 2021. 9. 7. 17:38

ppt 기획의 능률을 올리는 툴 : 파워목업(PowerMockup)

기획 할때 가장 보편화되고 많이 쓰이는 프로그램이 바로 파워포인트가 아닐까 싶다. 역사도 오래되고 많은 사람들이 사용하고 있어 기획서를 열람하는 관계자들이 확인하기에도 난관이 낮다고 볼수 있다. ppt 스토리보드나 이런것 그릴때 자주 사용하는 컴포넌트나 아이콘 도형들이 있는데, 직접 그리는 방법도 있지만 파워목업툴을 이용하면 보다 빠르고 편리하게 작업이 가능하다. powermockup tool의 사이트 주소는 다음과 같다 https://www.powermockup.com/ PowerPoint Wireframe and Prototyping Tool | PowerMockup Collaboration PowerPoint includes collaboration and sharing features that f..
기록/디자인관련 2021. 6. 8. 17:25

워드프레스에 보안서버 ssl 적용

워드프레스(wordpress) 사이트에 보안서버를 적용하게 되었다. 서버 관리자가 인증서 설치를 완료했고, https 로도 http로도 워드프레스 사이트가 접속 가능하게 되었다. 1. 워드프레스 설정으로 가서 주소를 http => https 로 변경한다. 2. 사이트에 연결시킨 이미지url이나 링크url중에서 http 연결로 된 절대주소 같은것이 있다면 https로 변경한다. * 나는 그런게 몇개 없고 대부분 상대주소로 돌려놔서 수동으로 했는데 참고한 사이트에서는 일괄 변경해주는 플러그인도 언급하고 있으니 참고. 3. 다음으로 할 일은 사이트 접속하면 자동으로 https 보안 연결로 되도록 만들어주는 것이다. 플러그인 설치를 하는 방법도 있지만, .htaccess 파일을 워프 설치 루트에 만들어주고 이곳..
기록/개발일지 2021. 6. 4. 16:28

워드프레스 부모 페이지 접속하면 자식 하위 페이지로 이동되도록 하기

워프 개발하다보면 상위 메뉴를 누르면 바로 첫번째 하위 메뉴로 가고 싶게 할때가 있다. 대개 테마들은 메뉴에서 하위 메뉴(자식 페이지)가 있는 경우 상위 메뉴(부모 페이지)클릭이 안되도록 되어있지만, 메뉴의 구조가 좀 별다르거나 클릭해도 가게끔 기획 혹은 클라이언트 통해 요청 받을때가 있다. wp_redirect 기능을 이용하면 되는데, 참고한 영문페이지 - How to redirect a Parent Page to a Child Page in WordPress를 통해 실제로 해결보았고 이곳에 풀어보려 합니다. 우선 page-gotochild.php 파일을 새로 생성후, 내 테마 안에 넣고 다음의 내용을 입력 후 저장.
기록/개발일지 2021. 5. 30. 00:34

구글 리캡차 v2 안보일때

워드프레스에 contact form 7에 구글 리캡차를 v2버전으로 적용했다. 구글 계정로그인 후, reCAPTCHA 등록 화면으로 가서 새로 추가 하고, 사이트키와 비밀키를 발급 받았다. * 참고 : 구글에서 안내 하고 있는 도움말 : https://developers.google.com/recaptcha/docs/versions contact 7 설정에서 통합으로 가서 등록도 완료했다. 그리고 페이지에 [recaptcha] 태그도 달았는데 왠일인지 표시가 되지 않았다. 구글 리캡차 v2 안보임 현상에 대해 어떻게 해결해야할지 찾아보았는데, 영문 사이트에서 해당 플러그인을 설치하면 된다고 했다. 즉, 안보이는 이유는 최근 버전 컨택7 에서는 구글 리캡차 v3부터 지원하고 v2은 내렸기 때문에( [rec..
기록/개발일지 2021. 5. 29. 11:46

워드프레스 smtp 연동시 네이버 메일 연동 안되는 문제

네이버 메일로 smtp연동하여 contact 7 폼에서 보낼수 있게 환경설정을 해두고 메일 테스트를 하는데 에러가 떴다. 대충 보니까 인증이 안된다? 뭐가 거부되었다? 뭐 이런거 같은데 이유가 무엇인가 찾아보다가, 비슷한 경험을 한 분이 포스팅한 글을 읽고 바로 해결하였다. 이 글이 거의 유일(?) 했고, 덕분에 삽질할 시간을 쭐여!!!주었기 때문에 이곳에도 남겨봅니다. 위 글은 다음에서의 사례였지만 혹시나 해보니 네이버도 마찬가지였다. 결과적으로 워드프레스 세팅에서 설정해둔 관리자 메일주소와, smtp로 세팅한 메일주소가 동일해야한다. 그렇지 않으면 저렇게 에러가 난다. 방법은 간단하다. 내가 설정한 smtp의 메일주소를 내 워드프레스 관리자 화면의 설정으로 가서 그 메일주소를 넣고 저장! 저장하면 해..
기록/개발일지 2021. 5. 28. 00:40

cURL error 28: Operation timed out after 5000 milliseconds with 0 bytes received 에러 해결

워드프레스 홈페이지 제작 막바지인데, 주말에 살짝 체크하다가, 관리자 페이지의 상단에 뜬 위 에러를 발견하였다. cURL error 28: Operation timed out after 5000 milliseconds with 0 bytes received 찾아보니 플러그인을 하나씩 해제하면서 문제가 발생한 플러그인을 찾고 해결하라고 했다. 제작자에게 서포트 요청해서 해결해달라고 한다던지 등등 나는 찾아보니 kboard가 문제로 나타났다. 원래는 잘 작동을 했는데 갑자기 왜 뜬것인가? 해당 홈페이지 포럼 검색 해보니 나와 같은 증상인 사람이 몇 있었지만 그곳의 해결방법으로는 완료가 되지 않았다. 그러다 Query Monitor 플러그인으로 관리자 페이지 추적해보니, kboard의 버전 확인 부분에서 무언..
기록/개발일지 2021. 5. 22. 23:18

0401 링크

newspeppermint.com/2021/03/30/the-long-term-economic-costs-of-lost-schooling 코로나로 인한 학업 격차가 불러올 장기적 비용 코로나19 팬데믹으로 발생한 학생들의 학업 격차가 평생에 걸친 소득, 직업 격차로 굳어질지도 모릅니다. 최근 경제학자들은 학생들에게 다가올 코로나 팬데믹의 경제적 이력 현상을 지적했습 newspeppermint.com 웹 개발 작업을 더 쉽고 효과적으로 만들어주는 유용한 도구들! 웹 개발 작업을 더 쉽고 효과적으로 만들어주는 유용한 도구들! 프론트엔드 SEO에서 모바일에 이르기까지 웹사이트에서 확인해야 할 중요한 사항들 체크 등 등 여러가지 유용한 도구들 velog.io www.youtube.com/watch?v=V1JSL..
기록/링크모음 & 스터디 2021. 4. 1. 09:49

링크 0323 - 개발

How to Create Smooth WebGL Transitions on Scroll using Phenomenon | Codrops PHP Annotated – March 2021 기술 뉴스 #169 : 21-03-01 :: Outsider's Dev Story 🧐 SQL과 NoSQL에 대해서 짧은 끄적임 - HK Blog 🧐 SQL과 NoSQL에 대해서 짧은 끄적임 - HK Blog 목차 데이터베이스는 크게 관계형 데이터베이스와 비관계형 데이터베이스로 양분된다. 관계형 데이터베이스는 SQL을 기반으로 하고 비관계형 데이터베이스는 NoSQL로 데이터를 다룬다. SQL과 NoSQL hankyeolk.github.io [Styling] Tailwind CSS로 프로젝트에 CSS 작성 안하기 - Tailw..
기록/링크모음 & 스터디 2021. 3. 23. 10:31

링크 0319

소수정예로 점을 찍고, 직원들을 선으로 연결해, 전사를 디지털 문화로 - T Times brunch.co.kr/@shaun/67 UI Editorial Design. 콘텐츠 디자인을 하다 보면 콘텐츠(정보)의 우선순위를 분류하는 정보의 가공 과정을 거치지 않고 기획안이 넘어오는 경우가 있다. 우선순위를 정하고 가이드를 설정하는 것은 시각적인 부분 brunch.co.kr 소셜미디어의 미래가 '음성'에 달렸다는 이유 - T Times 소셜미디어의 미래가 '음성'에 달렸다는 이유 소셜미디어의 미래가 '음성'에 달렸다는 이유 2020년 가장 뜨거운 앱으로 떠오른 '클럽하우스' 못지 않게 놀라운 성장을 보여준 음성 채팅 앱이 있다. 바로 게이머들의 채팅앱이라는 '디스코드'. www.ttimes.co.kr 온라인이..
기록/링크모음 & 스터디 2021. 3. 19. 10:22
◀ 1 2 3 4 5 6 7 ··· 15 ▶

티스토리툴바