Developer Diary

UI와 UX의 차이점

더보기 한번 보고 뒤돌아서면 잊게 되는 UI UX 차이점, 🎁 '선물상자'의 비유로 다시는 까먹지 않는 개념 학습을 할 수 있다. 면접에서도 나올 수 있는 예상 질문. UI User Interface 개념 : 사용자가 마주하는 디자인, 레이아웃, 기술적인 부분을 말한다. 디자인의 구성 요소인 폰트, 색깔, 줄 간격 등 상세한 요소가 포함되고, 기술적 부분은 반응형이나 애니메이션 효과 등이 포함된다. 구글에 선물 상자라고 검색만 하더라도 수백 수천만 가지의 선물상자가 나온다. 그중에서도 UI는 선물 상자 포장지를 생각해보면 정말 다양한 디자인, 특이한 모양, 리본 묶는 기술들이 있다. 🎁 UX User eXperience 개념 : 주로 사용하는 사용자들의 경험을 분석하여 더 편하고 효율적인 방향으로 프로세..

개발일기 [2021.04.27]

요즘 나는 지식욕이 많다는 것을 느낀다. 최근에 알고리즘 문제를 풀며 단한번도 '문제가 어려우니 손놓고 답지를 그냥 보고 뺏겨야 겠다' 라는 생각을 하지 않았다. 어렸을때는 조금만 해보고 안되면 누구한테 물어보거나 검색을 하거나 답지를 그냥 봤다. '아 답이 이거네 역시 이걸줄 알았어 ㅋㅋ' 하는 자기 합리화와 동시에 스스로 문제해결 능력을 갖추지 못했었다. 군 전역 후 복학했을때 그때 문득 든 생각은 아 대학교 졸업하면 취업해야하는데.. 내 학점은 몇점이지.. 최소 얼마나 따야 어디가서 무시 안당하지.. 코딩 실력은 어느정도..? 등등.. 많은 생각에 잠겨 있음에도 대학생활을 하며 시간을 보냈다. 나름 만족하는 학점을 가지고 바로 취업을 하지 않고 비트캠프를 다니기 위해 신림에 자취방을 잡아 수료를 했..

개발일기 [2021.04.19]

개발일기를 오랜만에 쓰게되었다. 그동안 블로그에 내가 왜 글을 정리해둬야 하는지 남들은 왜저렇게 정리를 열심히 하는지 의구심이 들었다. 지난주에는 문득 내가 배운 걸 어딘가에 정리를 해두지 않으면 난 언제나 항상 누군가가 써둔 블로그를 찾아 들어갔던 그 보라색 되어있는 링크를 또다시 눌러야 한다는 현실을 생각해보니 적어도 2번 이상 들어가는건 내가 모르기 때문이라고 생각되어 배운 내용을 정리하자는 취지로 글을 다시 쓰기로 결심했다. 글을 쓰다보니 생각보다 재밌었다. 내가 오늘 배우고 알아간 지식을 적어보니 누군가에게 도움이 될 수 도 있다고 생각했고, 특히 티스토리의 경우엔 구글 에드센스 기능도 제공하니 배운 글을 정리하며 용돈벌이도 하려고 다시 시작하게 된게 큰것 같다. 그동안은 PG사에서 일을하며 자..

개발일기 [2020.03.06]

12월 23일에 자바 백엔드 데몬 개발자로 취직에성공하고 재직한지 3개월 수습기간이 끝나간다 근 3개월 동안 수습기간에 일을 시키겠나.. 했는데.. 진짜로 한달 째 되자마자 시키더라 안드로이드 INTENT POST 방식 전송 테스트 하면서 자사 API 연동하는법을 알아버렸다.. 본업은 자바 개발인데.. 근데 지금은 자바 개발보다 SQL을 더 많이 사용한다. Oracle만 백날 사용하다가 MySQL로 넘어오면서 좀 많이 헷갈렸다. 처음보는 UNION 이랑 이것저것 있었는데 이젠 그러려니 하면서 쓴다. 3개월 긴 시간은 아니였지만 최근 3개월 동안 바쁘게 살았는지 시간이 빨리갔다. 리액트 공부가 끝나면 Go 언어를 배워 30살 되기 전에 실리콘밸리로 넘어가 억대연봉 받아 보고싶다. ' 진인사대천명 ' 자기 ..

개발일기 [2019.10.16]

지난 11일부터 리액트 공부를 시작하기로 마음을 먹었다. 비트캠프 학원에 다닐 때 리액트를 공부하여 프로젝트를 진행한 조의 자료를 분석하는 일부터 시작했다. 분석을 시도하였지만 어떻게 분석해야하는지 감도 안 잡히고! 너무 어려워!! 유튜브 검색을 통해 나동빈님의 리액트 강좌 영상을 보면서 따라 하기로 마음을 먹었다. Visual Studio Code IDE를 설치하고 프로젝트를 시작하여 처음에 뜨는 리액트 로고를 보고 '오.. 재밌겠다'라는 생각이 들었다. 막상 시작하려고 하니 그동안 배웠던 개념들과는 다른 부분이 많아 어려웠다. npm, const, class와 function의 차이점 부터 시작하여 render() 함수 export default, components life cycle 등등. 하나하..