eunyo의 it이야기

티스토리는 노출이 잘되는 네이버에 비해, 사이트별로 검색 노출을 시켜줘야되요 :) 오늘은 네이버 웹마스터도구를 사용하여 검색 노출시키는 방법을 알아보겠습니다! 첫번째로, searchadvisor.naver.com/ 웹마스터 도구 홈페이지에 들어가주세요! 그리고, 페이지를 조금만 내려서 '웹마스터 도구 사용하기' 버튼을 클릭해주세요! 그리고, 본인의 티스토리의 주소를 적어줍니당 :) 저는 사이트 목록에 추가해놔서 소유확인 진행을 눌러서 진행해볼게요! 그럼 사이트 소유 확인 방법이 나옵니당 HTML 파일 업로드 방법이 있고, HTML 태그 방법이 있어용 티스토리는 스킨편집을 통해 HTML태그 수정이 가능하기 때문에 HTML 태그방식으로 소유확인을 해보겠습니당 그리고, 관리에 들어 간 뒤 꾸미기 > 스킨 편집..

자주 쓰이는 용어인 바닐라JS(Vanilla Js)의 뜻과 기타 사항에 대해 알아보겠습니다anilla Js)의 뜻과 기타 사항에 대해 알아보겠습니다 바닐라 스크립트(Vanilla JS)란 ? 바닐라 자바스크립트란 플러그인이나, 라이브러리를 사용하지 않은 순수 자바스크립트를 이야기합니다. 즉 바닐라 자바스크립트 = 자바스크립트 라고 생각하시면 될 것 같아요. 왜 바닐라 인지? 구글의 검색 트렌드 데이터에 의하면 바닐라 JS가 2008년 처음 사용되었고, 2012년 이후로 널리 사용됬음을 나타냅니다. 그 시기는 아래의 vanilla-js 사이트가 생겨나면서 라고 하네요 :) 아래 사이트에서는 '놀랍고 강력한 JavaScript 애플리케이션을 구축하기위한 빠르고 가벼운 크로스 플랫폼 프레임 워크 입니다.' 라..

QR코드(QR CODE)란? 기존에 사용되던 바코드형태에서 발전한 흑백 격자무늬 패턴 코드이며, 정보를 나타내는 매트릭스 형식의 이차원 코드이다. 기존의 바코드 형태의 용량 제한에서 벗어나 형식과 내용을 확장하여 2차원의 패턴으로 정보를 저장하여 숫자 외에 문자의 데이터도 저장할 수 있다. 일반적으로 디지털카메라나 전용 스캐너로 읽어 활용하고, 근래에는 핸드폰을 이용하여 대중적으로 사용되고 있다. QR코드의 명칭은 덴스 웨이브가 등록한 상표인 'Quick Response'에서 유래되었고, 주로 한국, 일본, 중국, 영국, 미국 등에서 많이 사용된다. QR코드(QR CODE)의 특징 숫자 최대 7089 자 영문자나 숫자 최대 4296 자 8비트 최대 2953 바이트 한자 최대 1817 자 QR코드의는 2차..

안녕하세요. 저는 현재 웹퍼블리셔로 2년간 일하고 있는 eunyo 입니다.신입면접보기 전에 굉장히 떨렸던 기억이 있네요 ㅎㅎ아마 국비지원학원을 통해 직종을 바꾸신 분들이 굉장히 많으실텐데요!저 또한 국비지원학원에서 웹디자이너/웹퍼블리싱과정을 듣고 취업했었구요! 그때 당시 내가 비전공자인데 잘할 수 있을까 ..? 라는 생각을 많이 했었거든요일해본 결과 퍼블리셔는 비전공자였던 분이 훨씬x10 많기 때문에 걱정은 안하셔도 되요 :)그리고, 신입에게는 뛰어난 기술을 기대하지 않기 때문에 큰 걱정없이 면접에 임하셨으면 좋겠습니다! 아! 그리고 신입 채용할때 신입포트폴리오사이트는 학원에서 강사님과 함께 했던 예제작업들!도 함께 넣다보니포폴이 다 비슷비슷[?]하다고 하셨던게 기억이 나네요 :) 아마 학원이 달라도 과..

안녕하세요. 티스토리에서 표만들기 기능으로 테마를 설정할 수 있지만, 지정할 수 있는 색은 한정적이고 또 가로 표제목의 색상은 지정할 수 없는데요. 다른 색상의 표 배경을 지정하고 싶을때 사용법을 알려드릴게요! 우선, 표를 만들어야겠죠! 상단의 표 아이콘을 눌러 표를 생성해줍니다. 표 배경색을 바꾸는 방법 입 니 다 그리고 상단 에디터에서 기본모드를 클릭하여 HTML으로 전환해줍니다. 'HTML'과 'CSS'를 사용해서 바꾸는 것이기 때문에, 생소하신 분들을 위해 알려드립니다. html에서 표는 'table'입니다 :) 빨간색, 표의 칸은 html에서 'td' 입니다. 노란색, 표의 행은 html에서 'tr' 입니다. HTML으로 전환했을때 다음과 같이 화면이 변합니다 :) 그럼 앞서 설명한 배경색을 바..

정보사회의 정의 정보 및 정보화 사회는 현대사회의 특징을 나타내는 중요한 개념 중 하나이며, 매우 많은 내용을 포함하며 그 정의도 다양하다. 정보화사회의 정의는 아래와 같이 정의할 수 있다.. 질과 양 모두 풍부한 정보가 생산되어 유통되는 사회 이들 풍부한 정보의 생산,처리,전달,축적에 일정한 경제적 가치를 인정하고, 직접 또는 간접으로 그 비용을 부담하는 구조를 이룬 사회 정보의 생산·처리·전달·축적을 원활하고도 효율적으로 행하기 위한 정보기기나 정보 네트워크가 급격히 발달하여 보급되는 사회 등이다 정보사회의 특징 가장 일반적으로는 '정보화 사회'라는 말이 산업 사회, 농경 사회, 수렵 사회 등과 대비되는 개념으로 사용된다. 공업화가 일정한 수준에 도달했거나 공업화가 완료된 사회에서 일어나기 때문에 이..

요즘에는 반응형 웹사이트가 필수이다. 디바이스 크기로 레이아웃 처리가 가능하지만, 가끔 모바일과 PC 접속을 구별하여 UI나 이벤트를 적용해야 될 때가 있습니다. 그때 사용하면 좋을 코드를 공유합니다 : ) var filter = "win16|win32|win64|macintel|mac|"; // PC일 경우 가능한 값 if( navigator.platform) if( filter.indexOf(navigator.platform.toLowerCase())

01 React 기초 :: 작업환경 구축 및 시작하기 리액트를 시작하기 앞서, 다운로드하여줘야 하는 것이 있습니다. 1. 소스 코드 에디터(Visual Studio code 추천) https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. cod..

포토샵을 사용하다 보면 메모리 부족 현상이 발생하는데요. 오류 메세지가 뜨면서 저장이 안 되는 현상, 파일을 못 불러오는 현상이 생깁니다. 대표적으로 메모리(RAM)가 부족하므로 '저장' 명령을 완료할 수 없습니다. 혹은 메모리(RAM)]가 부족하므로 미리보기를 할 수 없습니다. 라는 오류 메세지가 뜹니다. 그때, 간단하게 해결할 수 있는 방법을 알려드리겠습니다. 1. 첫번째 방법 포토샵에서 "편집 > 제거 > 모두"를 클릭해서 제거해줍니다. 영문은 Edit > Purge > All입니다 이때 포토샵 작업했던 작업내역, 클립보드 저장내역들이 삭제됨으로 주의해주세요 :) 이렇게 했음에도 동일한 현상이 일어난다! 라고하면 레지스트리를 변경하여야 합니다. 키보드의 '윈도'키와 'R'키를 동시에 눌러 실행을 불..

안녕하세요. 요즘에는 제플린으로 작업도 많이 하고, 또 제플린 사용하는 퍼블리셔를 우대하는 곳도 많더라고요 :) 저도 공부할겸, 포토샵과 제플린을 사용하는 방법을 알아보겠습니다. 첫 번째로 제플린 홈페이지에 들어가서 다운로드하여줍니다 :) zeplin.io/ 홈페이지 하단에 보시면 다운로드 받을수 있는 링크가 있어요! 컴퓨터에 맞는 파일을 다운로드 받아주시면 됩니다 *중요한 건* install이 다운로드되면 install Photoshop Plugin을 함께 설치할 거냐는 안내문구가 나오는데 꼭 함께 설치해주세요! 그리고 다운로드가 완료되면, 창 > 확장 프로그램 > Zeplin을 활성화해주세요 :) 영문일 때는 Windows > Extensions > Zeplin을 활성화시켜주세요! 포토샵에서 제플린을..