BEURRE

#1. 디자이너로서의 과거 그리고 현재 웹디자이너로 두 번의 회사생활을 거친 뒤, UI/UX 디자이너로 2년 반동안 근무했다. 그리고 웹디자인 에 가까운 업무와, 발전하기 어려운 구조적인 한계를 느끼고 퇴사를 생각하게 됐다. 회사 규모나 체계로서는 꽤 만족한 회사였기에 더 좋은 곳을 갈 수 있을지 걱정하였고, 마음준비를 일년가량 한 후에 퇴사를 하게 되었다.    #2. 퇴사를 다짐하기까지 환승이직을 하지 않고 퇴사하는 것으로 자연스럽게 결정하게 되었다. 일단 지쳐있었던 몸과 마음을 쉬게 해주고 싶었던 생각과, 포트폴리오를 집중해서 제작하기 위한 시간을 갖기 위해 퇴사가 올바른 방향이라고 생각했다.  불안감이 없었냐 하면, 그 전까지 다른 괜찮은 기업에도 최종합격했었고, 회사 다니며 충동적으로 넣어본 큰..

저번주 금요일 퇴사통보를 했다. 2024년 4월, 다닌지 2년하고 반이 되어가는 시점이었다. 차례대로 상사와 2번의 떨리는 면담을 했다. 팀장님과 인사팀 면담까지.. 이 회사에서 배울점이 있고 멋있던 상사를 만난건 정말 행운이었다고 생각해서 오히려 홀가분하게 퇴사할 수 있었다. 나의 업무와 실력에 대한 인정 퇴사 통보를 할때 많은 조언들과 아쉬움의 이야기와 함께 나의 작업에 대한 칭찬을 아낌없이 들었다. 물론 퇴사할땐 다들 칭찬을 듣겠지만 (“어딜가든 잘할거야”와 같은) 그런 칭찬뿐 아니라 여태까지 내가 행했던 모든 업무의 결과들에 대한 인정을 차곡차곡 받게 되었다. 면담했던 분들의 말씀이 모두 비슷한 말씀을 하셨기에 적어도 2년반동안 못하진 않았구나, 잘했던 거구나 하고 안도감이 들었다. 내가 이회사에..

디자이너의 역할로 회사를 다닌지 어느덧 꽉채워 4년 나는 직업만족도가 꽤 높은 편이다. 어딜가던 친구들에게 항상 듣는 소리 "하고싶은 거 하는거 부럽다" 디자이너로서 내 상상력을 표현하는것이 재미있고 또 무언가의 목표에 따라 결과물이 나와주면 그렇게 뿌듯할 수가 없다. 나는 내 직업이 눈에띄는 결과물을 갖게되는 직업이라서 더 좋다고 생각한다. 정말 값진 일인 것 같다. 색상툴에 예쁘게 수놓은 색상들로 쌓여있는 색들을 보면 기분이 좋아진다. 그 때 그 때 내가 좋아하는 색감에 따라 제각기 주어지는 미션에 따라 어떠한 결과물도 낼 수 있다는 것이 내 일에 욕심이 사라지지 않는 이유같다. 요새 부쩍 결과물에 퀄리티가 높아졌음을 체감했다. 첫 직장에서 1년동안 맨 땅에 그야말로 헤딩해가면서 구르고 터득하며 수십..

안녕하세요. 버러입니다 :) 디자이너 방향에 대한 고민 6개월 전 후로 이직생각을 하면서 ui디자이너나 uiux디자이너에 대한 내용이 담긴 블로그를 읽는게 일상이 되었다. 차고넘치는 디자이너의 종류 중 uiux디자이너와 프로덕트디자이너는 거의 같은 개념이라는 것을 알게 되었다. 하지만 프로덕트 디자이너는 유/무형의 서비스를 모두 대하기 때문에 그부분이 uiux디자이너와 좀 다른 점 같이 느껴졌다. 하지만 주로 혼용되어 쓰이기 때문에 uiux디자이너로도 프로덕트디자이너로도 공고가 올라오기 때문에 요구하는 직무의 내용을 꼭 확인하고 지원하는 것이 중요할 것 같다! 웹디자이너로 시작하여 uiux디자이너 그리고 그 다음을 고민하고 있는 지금 나는 지금 내 위치에 만족하면서도 직무에 아쉬움이 있다. 그 이유는 우..

안녕하세요. 버러입니다 :) 저는 웹디자이너로 2년정도 일하고 uiux 디자이너로 이직해서 일하고 있는데요. 웹디자이너로 일할 당시에 에이전시/인하우스 에서 모두 근무해보았고 에이전시에서 메인페이지부터 서브페이지 디자인과 인하우스에서 브랜드 소개 등의 페이지등을 디자인 해보았는데요. 그런 경험에 따라 북마크에 가득 모아두었던 레퍼런스들을 탈탈 털어 여러분들께도 좋은 정보 알려드리려고 합니다 :) 현재 웹디자이너로 근무중인 분들에게 추천드리는 포스팅입니다. 하지만 디자이너로 일하시는 분들에겐 한번쯤 보셔도 좋을 것 같아요 😊 1. main (기업소개 / 깔끔한) Bioleaders변함없는 생명존중의 가치를 실천하겠습니다bioleaders21.cafe24.com 가우리안강구조물공사, 토공사, 설계, 시공, ..

html 구성 : div#wrap > header > div#header_in >h1 >img div#wrap > header > div#header_in >ul#top_left>li>a div#wrap > header > div#header_in >ul#top_right>li>a div#wrap > header > div#header_in >ul#menu>li>a div#wrap > header > div#sub > div#sub_in > ul>li >a div#wrap> div#banner > ul#image >li > img div#wrap> div#banner > ul#btn >li div#wrap으로 상단부터 메뉴까지 총 감싼다. header안에 로고, 왼쪽상단메뉴, 우측상단메뉴, 메뉴를 hea..

1. 각각의 메뉴 선택하면 각각의 하위메뉴가 내려옴 html 구성 div>header>section>h1 div>header>section>ul>li>a div>header>section>ul>li>ul>li>a jquery $(document).ready(function(){ $('#menu>li').mouseenter(function(){ $(this).find('.submenu').stop().slideDown(); $(this).find('a').addClass('on'); }); $('#menu>li').mouseleave(function(){ $(this).find('.submenu').stop().slideUp(); $(this).find('a').removeClass('on'); }); }..

html 구성하기 div > ul > li > a div > ul > li > ul > li > a (a와 ul이 동료) siblings관계 jquery $(document).ready(function(){ $('div>li>a').click(function(){ if($(this).hasClass('on')){ $('div>li>a').removeClass('on'); $('.sub').slideUp(); }else{ $('.sub').slideUp(); $(this).siblings('.sub').slideDown(); $('#menu>li>a').removeClass('on'); $(this).addClass('on'); } }); }); div>li>a를 클릭했을때 (li 대신 a로하는이유는 클래..

html : 구성방법 div#tabmenu > ul > li : 탭메뉴 div#tabmenu > dl > dt,dd : 탭메뉴에따라 바뀌는 하위내용 (그래서 li와 dl은 개수가 동일하다. ) jquery : 1.일단 첫번째 탭메뉴가 눌러진상태유지 2.다른거 눌렀을 때 변화 - 첫번째꺼 눌렀을때 , 두번째꺼 눌렀을 때 각각 제작 - 내가선택한 탭메뉴를 눌렀을때로 한개 제작 1. $(document).ready(function(){ $('#tabmenu dl').first().show(); $('#tabmenu li').first().addClass('on'); 2-1. $('#tabmenu li').eq(1).click(function(){ $('#tabmenu li').removeClass('on');..

안녕하세요 버러입니다 :) 패스트캠퍼스 라는 곳에서 강의를 신청해서 듣고 있는데, 작게나마 후기를 적어보려 합니다. 일단 제가 듣고 있는것은 최성일의 코딩초급자를 위한 웹 모션디자인 올인원패키지에용 https://fastcampus.co.kr/dev_online_webmotion 최성일의 코딩 초급자를 위한 웹 모션 디자인 올인원 패키지 Online. | 패스트캠퍼스 혼자 공부하기엔 어려운 웹 모션을 구현하기 위한 코딩, 최성일 강사와 HTML, CSS, JS 기초 문법 배우며 화려한 인터랙션이 눈길을 끄는 웹을 구현해보아요. fastcampus.co.kr 먼저 제가 코딩쪽을 배우려고한 이유를 얘기해보자면 1. 회사에서 코딩쪽으로 다양한 기능구현과 자바스크립트의 기초정도 그 이상 필요해서. 2. html..