인기글
-
"리추얼"을 아시나요?
안녕하세요. 서비스 기획자 소소한 G입니다. 리추얼에 대해서 들어보셨나요? Ritual "리추얼". 영문 사전적 의미는 의례, 종교상의 의식 절차, 규칙적인 의식을 뜻해요. MZ세대에 마케팅, 컨텐츠 등의 이목이 집중되면서 리추얼 이라는 단어가 작년에 이어 올해 주목받는 키워드라고 해요. '미라클모닝'을 기억하시죠? 새벽에 일어나 하루일과를 시작하기 전 독서, 운동, 명상 등 개인적인 시간을 가지고, 꾸준히 이러한 루틴을 통해 차근차근 나를 발전시키는 것. 이가 대표적인 리추얼입니다. 즉, 리추얼은 나에게 집중하는 시간이자 마음이 괴로울 때 자신을 일으킬 수 있는 작은 일상을 말합니다. 리추얼을 반복적으로 실행하면 하나의 루틴이 되며, 루틴이 축적되어 좋은 습관이 형성된다고 합니다. 그래서 리추얼은 루틴..
더보기
-
express 프레임워크 2_서버 실제 연결하기(마이리얼트립)
안녕하세요. 이제 막 기획자로 시작한 아기 기획자 소소한G 입니다. 비전공자 출신으로 IT 웹 기획자로서 살아남기위해 일주일에 두번 프로트엔드 개발 수업을 듣고 있어요. 온전히 비전공자의 시선으로 꼼꼼하게, 원초적으로 설명드리려고 합니다. 저처럼 초보자 웰컴이에용. 이전 포스팅에서 express 프레임워크를 이용하여 서버에 연결해보았습니다. 오늘은 express에 대해 이해도를 높이기 위해 이론적인 설명과 이를 이용해서 서버를 연결해보겠습니다. 이전 포스팅은 express 속을 파헤쳐보고 간단한 서버 연결 방법하기였습니다. 아래에서 확인하세요. https://hjp-recipe.tistory.com/41 express 프레임워크 1_[node.js], [express.js] 안녕하세요. 이제 막 기획자로..
더보기
-
express 프레임워크 1_[node.js], [express.js]
안녕하세요. 이제 막 기획자로 시작한 아기 기획자 소소한G 입니다. 비전공자 출신으로 IT 웹 기획자로서 살아남기위해 일주일에 두번 프로트엔드 개발 수업을 듣고 있어요. 온전히 비전공자의 시선으로 꼼꼼하게, 원초적으로 설명드리려고 합니다. 저처럼 초보자 웰컴이에용. 오늘은 Express 프레임워크에 대해 알아보는 이야기를 해볼거에요. Express란 Node.js의 대표 웹 프레임워크입니다. 이를 이용하여 웹을 구현하는 방법에 대해서도 알아봅시다. express generator을 설치하고 이 속을 들여다 볼거에요. 그리고 간단히 서버를 연결해볼게요. Express.js를 사용하는 이유는 무엇일까요? 코드가 복잡해지면 점점 웹을 구현하는 것이 힘들어집니다. 이 때 node.js의 웹프레임워크를 사용하면 ..
더보기
-
[마이리얼트립] SASS(SCSS)로 반응형 꾸미기, 컴포넌트화
안녕하세요. 약 1년 6개월의 솔루션 웹기획, 그리고 이제 막 서비스 기획 4개월차 아기 기획자 소소한G 입니다. SCSS로 마이리얼트립 페이지를 반응형도 만들어보고, 재 사용할 수 있는 부분을 컴포넌트화 시켜 나누는 작업을 해보려고 합니다. 먼저 '마이리얼트립' 의 헤더부분을 마크업, css 꾸미기 후, 컴포넌트화 시킬거에요. SASS(SCSS)를 설정해주는 방법을 알아볼까요? module.scss를 사용하여 꾸며줄 거에요. 이 파일은 scss를 사용하는데 css-module까지 사용함을 의미합니다. 1) scss 모듈 설치하기 css, scss, node-sass, css-module이 필요해요. 우리는 이미 다른 모듈들은 설치했기 때문에 node-sass, sass-loader 모듈만 설치할게요. ..
더보기
