본문 바로가기

EXPERIENCE

(4)
[실무 경험] Vite + React 환경에 SCSS 전역 설정하기 (with Dart SASS 3.0) React 환경에서 실무 퍼블리싱을 하는걸 원했었는데 운이 좋게 현재 React환경에서 플젝을 진행중이다.Vue와 함께 개발된 툴인 Vite인데 React도 지원하는 빌드 도구를 사용하게 되어서 Vite + React 환경을 경험하게 되었다.이전에 디자인 시스템 가이드를 간단하게 소규모로 퍼블쪽은 혼자서 구축한 경험이 있으나, 대규모의 내부 디자인 시스템 컴포넌트는 이번이 처음이여서 잘하고 싶은 마음이 크다. 기존에는 html에 구조를 잡고 SCSS로 스타일을 잡았었는데, 현재 플젝에는 tsx에서 작업을 한다. React에서 Typescript를 사용한 확장자 tsx로 포폴을 만들어보아서 그런지 반갑기도 하다. 문제는 html이 아닌 tsx에 직접 퍼블을 하고 프론트앤드 개발자와 협업을 해야하는데, 함께..
[일기] 15시간짜리 개발로 얻은 점. 200228 am 9:00 ~ 200229 am 12:00의도적이지 않았지만 조금씩의 생겨나는 욕심으로 날 13시간의 근무로 이끈 어제의 개발이 내게 성취감과 자신감을 심어줬다. 결과만 보자면 간단해 보이는 한줄짜리 row 추가가 조인에 조인을 거듭하고 치밀한 where의 결합이 없었더라면 가능했을까 싶다. 이로써 쿼리와 프로시저의 위력을 한번 더 느꼈다. 디비없이 사이트는 그저 껍데기일뿐. 비하하는 것이 아닌 표현 그대로를 봐달라. 그렇게 느껴와서 자부심이였던 퍼블리싱을 내려두고 핵을 찾아서 개발의 길로 뛰어든 것이므로다시 본론으로 들어오자면 컨트롤러와 모델 뷰(MVC)는 쿼리로 정교하게 짜여진 프로시저라는 무기가 있다면 훨씬 더 단순하고 명확하게 사용자에게 보여줄 수 있다는 걸 진정으로 느낀 어제였다..
[컴공] 컴파일러와 인터프리터 /** (댓글 하나는 저자에게 아주 큰 힘이 됩니다~~) **/ 컴파일러 인터프리터 해석기, 번역기란 뜻을 가지고 있는데, 고급어를 컴퓨터가 알아 듣기 쉽게 저급어(기계어, 어셈블리어)로 번역하는 과정을 하는 프로그램을 가리킨다. 참고 : 실행속도를 빠르게 도와주는 JIT(Just In Time) 컴파일이 있다. ex) C, C++, COBOL, BASIC 등 소스 프로그램을 읽어서 즉시 결과를 출력한다. 참고 : 컴파일러와 인터프리터 사이의 기술적 구분은 사라져가는 추세. ex) script, HTML, SQL, python, ruby 등 참고 : https://ko.wikipedia.org/wiki/%EC%BB%B4%ED%8C%8C%EC%9D%BC%EB%9F%AC 컴파일러 - 위키백과, 우리 모두의 ..
[컴공] 컴파일과 빌드는 같을까? /** 이 카테고리는 궁금증을 안고 시작한 구글링 또는 서적파기를 통해 본인이 깨달은 과정과 결과를 서사식으로 풀어내어 다소 글이 길수도 있다는 점을 양해드립니다. 또한 제가 얘기하고 있는 개념 중에서 잘못 알고 있는 점들이 있다면 댓글로 알려주시면 대단히 감사드리겠습니다! 바쁘신 분들이나 빨리 개념을 알아내고 싶으신 분들은 굵은 글씨 또는 정리된 테이블을 읽고 가셔도 무방합니다. 그렇지 않은 분들은 커피 한잔하면서 지인과 얘기하고 있다는(?) 생각으로 천천히 읽고 가셨으면 좋겠습니다. :) (댓글 하나는 저자에게 아주 큰 힘이 됩니다~~) **/ 이클립스로 지인(컴공과..)과 소소한 프로젝트를 진행 중인데 깃허브에 있는 프로젝트를 로컬에 연결하는 것 까진 이해가 되는데 그후에 import로 이클립스 w..