eunyo의 it이야기

퍼블리셔 연봉안녕하세요. 저는 이제 2년차 퍼블리셔인 은요입니다.저도 그렇고, 주변에도 그렇고 직종을 바꿀 때 웹디자인/웹퍼블리셔 과정에 많이 관심을 갖더라구요 :)직종을 바꾸시는 분들은 많이 고민이 될 내용 중 하나인 연봉에 대해 알려드리겠습니다. 그리고 이직할 때, 다른사람은 어느정도 받나? 많이 궁금하잖아요.그래서 구글에서 찾아본 실제 웹 퍼블리셔분들이 받는 연봉과, 제가 받았던 연봉에 대해 설명해드리겠습니다.우선 제가 받았던 연봉에 대해 알려드리겠습니다. 1. 신입첫 직장은 '웹 에이전시'였는데 사실상 스타트업과 마찬가지였던 회사였어요.규모가 작고, 자본금도 매우 적던 회사라 이때는 2018년 최저임금이였던 7530원을 기준으로 157만원을 받았습니다.연봉으로 환산하면 약 1887만원이 되겠네요...

웹 접근성 검사 사이트웹 접근성 마크를 획득하기 위해서는 꽤 많은 비용이 듭니다.* 20페이지 이하 기준으로 120만원재심사의 경우 60% 감면해준다고 하지만 그래도 많은 돈이죠. 그렇기 때문에 웹접근성 신청 하기 전, 웹 접근성에 준수하는 마크업인지 확인작업이 필수적입니다.웹 접근성을 검사, 진단할 수 있는 사이트를 모아봤으니 참고하세요. 1. Open-WAX (chrome.google.com/webstore) 크롬이나 파이어폭스에서 사용하는 플러그인을 다운로드를 통해 사용가능합니다. 사용 방법은, 다운로드 후 퍼즐모양의 아이콘을 누른 뒤, 오픈 왁스를 고정시켜줍니다.그리고 접근성 검사를 원하는 페이지에서 openwax를 실행시켜 줍니다.1 페이지 씩 검사 가능하며, 16개 항목 검사합니다.주요 확인 ..

벤치마킹 사이트 벤치마킹(benchmarking)이란? 벤치마킹이란 타사를 분석하여 업체의 장점을 배우는 전략을 뜻합니다. 웹디자인이나, 기획을 할때 필수적인 것이 바로 벤치마킹인데요. 디자인에서는 유행이 해마다 바뀌기 때문에 타사의 벤치마킹을 통해 트렌드를 보는 눈을 키우는데 도움이 됩니다. 그래서 오늘은 국내와 해외 벤치마킹사이트에 알아보겠습니다. 국내 사이트 1. 디비컷(dbcut) : www.dbcut.com/bbs/index.php 우리나라에서 아마 가장 유명한 벤치마킹사이트 일거에요. 외국사이트, 워드프레스, 반응형, 모바일 등 여러 카테고리에서 벤치마킹 사이트를 확인할 수 있습니다. 그 밖에 구인구직과, 제작의뢰를 통해 홈페이지제작과 구인, 구직이 가능합니다. 그리고 커뮤니티 게시판이 있어 ..

비쥬얼 스튜디오 코드(VS code)에서 FTP 연결하기 저는 보통 퍼블리싱 작업할때에는 브라켓(bracket), ftp 서버에 업로드할때 혹은 ftp 서버에 올라간 코드를 수정할 때에는 에디터플러스를 주로 사용했는데요. 브라켓은 어도비에서 이제 지원을 안한다고 하고,, 에디터플러스도 유료고,, 해서 찾아보다가 비쥬얼 스튜디오 코드가 확장기능이 참~ 많아서 좋더라구요 :) git도 연동되고, ftp 서버업로드도 된다니! 비쥬얼 스튜디오 코드로 정착할랍니다! 비쥬얼 스튜디오 코드 ftp 설정 방법 우선, 확장 프로그램을 열어줍니다. 그리고 확장프로그램 검색창에서 'ftp-simple'을 검색하여 설치해줍니다. F1 단축키를 누른 뒤, ftp-simple : Config - FTP connection set..

저작권 걱정 없는 무료 아이콘 사이트 디자이너라면 꼭 알아둬야 할 무료 아이콘 사이트에 대해 알려드리겠습니다. 디자인을 하다 보면 꼭 필요한게 '아이콘' 인데요. 아이콘을 직접 작업하려면 시간이 오래걸리기 때문에 보통 만들어준 아이콘을 사용합니다 :) 클립아트 코리아와 같은 유료 월정액 서비스를 사용하면 더 퀄리티있는 아이콘을 사용할 수 있겠지만, 유료서비스를 사용할 여건이 안되거나, 원하는 아이콘이 없을 때 아래 사이트에 참고하여 사용해주면 됩니다. 1. 아이콘 파인더 (www.iconfinder.com/) 아마 가장 유명한 무료 아이콘 사이트일거에요. 5,416,656건의 아이콘이 있다고 합니다. 아이콘은 svg와 png로 저장이 가능하고, 이미지 크기별로 저장이 가능합니다. 무료아이콘과 유료아이콘이..

VSCode(Visual Studio Code) 확장 프로그램 안녕하세요. 브라켓이 지원종료된다고 하네요 :( 퍼블리싱하기 기능이 좋아서 bracket을 애용했는데 이제는 비쥬얼스튜디오코드로 옮길때가 된 것 같습니다! 이미 익숙해진 것을 옮긴다는 것은 어려운 일이에요 ,, 그래 오늘은 기록할 겸, VSCode의 필수 확장프로그램에 대해서 포스팅해보겠습니다 ! VSCODE 마켓플레이스에서 확장기능 다운로드 받는법 우선, 비쥬얼 스튜디오 코드의 확장프로그램의 위치는 위와 같습니다 :) 검색란에 적어주시면 자동완성되어 밑에 뜨니까 간편해요! 원하는 확장프로그램이 나오면 설치버튼을 눌러주시면 끝이에용 Beautify html, css, javascript, json, sass 정렬 프로그램입니다 :) 내부적으로..

안녕하세요. 티스토리에서 혹은 기타 블로그에서 코드를 작성할때, 보다 쉽게 코드와 결과를 보여줄 수 있는 사이트인 codepen을 많이 사용하실텐데요. 이러한 코드펜에서는 js파일에는 자바스크립트만 적용되다보니, 제이쿼리를 사용해주시려면 따로 셋팅을 해주셔야 합니다. 1.코드펜 접속 codepen.io/pen/ 상단의 링크를 눌러 코드펜에 접속해줍니다. 그리고 표시해둔 'Start Coding' 버튼을 눌러줍니다. 그럼 위와 같은 화면이 나오며 이 화면내에서 html, css, js 코드를 적을 수 있습니다. 여기서 오늘 알아볼 제이쿼리 추가는 상단의 settings의 버튼을 눌러 적용할 수 있습니다. 위와 같은 팝업레이어창이 뜹니다. 그럼 JS 탭을 눌러주신 뒤 Add External Scripts/P..

일하면서 혹은 블로그나 유튜브를 하면서, 이미지가 필요한 순간이 많습니다. 이미지도 저작권이 있기 때문에 함부로 사용하면 안 됩니다 :) 필요한 이미지를 구매하거나, 무료 이미지 사이트에서 사용해주셔야 합니다. 그래서 오늘은 무료 이미지를 다운로드할 수 있는 사이트를 알려드리겠습니다. 1. 픽사베이(pixzbay) pixabay.com/ko/ 아마 가장 유명한 무료 이미지 사이트가 아닐까 싶습니다 :) 무려 2.3 백만 개의 이미지가 있다고 하네요! 픽사베이는 한글을 지원합니다! 이미지뿐만 아니라 일러스트, 백터 이미지, 비디오, 음악 또한 무료로 사용할 수 있다고 하니 참고하세요! 2. 언플래쉬(Unplash) unsplash.com/ 언플래쉬는 영어로만 되어있어서, 검색 또한 영어로 검색해주셔야 합니..

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

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