인기글
-
"리추얼"을 아시나요?
안녕하세요. 서비스 기획자 소소한 G입니다. 리추얼에 대해서 들어보셨나요? Ritual "리추얼". 영문 사전적 의미는 의례, 종교상의 의식 절차, 규칙적인 의식을 뜻해요. MZ세대에 마케팅, 컨텐츠 등의 이목이 집중되면서 리추얼 이라는 단어가 작년에 이어 올해 주목받는 키워드라고 해요. '미라클모닝'을 기억하시죠? 새벽에 일어나 하루일과를 시작하기 전 독서, 운동, 명상 등 개인적인 시간을 가지고, 꾸준히 이러한 루틴을 통해 차근차근 나를 발전시키는 것. 이가 대표적인 리추얼입니다. 즉, 리추얼은 나에게 집중하는 시간이자 마음이 괴로울 때 자신을 일으킬 수 있는 작은 일상을 말합니다. 리추얼을 반복적으로 실행하면 하나의 루틴이 되며, 루틴이 축적되어 좋은 습관이 형성된다고 합니다. 그래서 리추얼은 루틴..
더보기
-
[Axure] 시작하기 2_HTML 추출하기
안녕하세요. 기획자 소소한G 입니다. 이전의 Axure의 구성 이야기에 이어서 액슈어(Axure) HTML 파일 추출과 서버 연결 방법을 알아보아요. Axure의 구성에 대한 이야기는 아래에서 확인할 수 있습니다. https://hjp-recipe.tistory.com/57?category=977585 [Axure] 시작하기 1_구성 안녕하세요. 약 1년 6개월의 솔루션 웹기획, 그리고 이제 막 서비스 기획 4개월차 아기 기획자 소소한G 입니다. 오늘 소개할 이야기는 프로토타이핑 툴 중 하나인 액슈어(Axure) 시작하기 입니다 hjp-recipe.tistory.com HTML 파일 추출하기 스토리보드를 모두 작성했다면 이제 내가 작성한 스토리보드를 고객 또는 개발자, 디자이너와 공유해야겠죠? Publi..
더보기
-
[트위터] Webpack 리액트 컴포넌트 분리
안녕하세요. 서비스 기획자 소소한 G입니다. 오늘은 트위터 예제를 이용하여 리액트 컴포넌트 분리하는 방법에 대해 배워보아요. twitter 홈 만들기 컴포넌트 분리(button, sidebar), svg 불러오기를 통해서 왼쪽 메뉴를 만들어봅시다. components 폴더를 생성하여 컴포넌트로 분리할 button, Sidebar 폴더를 생성합니다. 우선 Sidebar 부터 분리해보자. [Sidebar] 1. index.jsx 에서 기본 설정을 해준다. 그리고 css module을 사용해서 스타일을 사용하기 위해서 아래와 같이 scss 파일도 import 해 준다. 전체적인 Sidebar 의 index.jsx의 코드는 아래와 같다. 1. Sidebar의 parameter 안에 titleImg, list 데..
더보기
-
[CSS] CSS, SASS, BEM, CSS-module
안녕하세요. 약 1년 6개월의 솔루션 웹기획, 그리고 이제 막 서비스 기획 4개월차 아기 기획자 소소한G 입니다. 이전 포스팅에서 CSS의 Flexbox에 대해 설명했었는데요. 오늘도 오랜만에 CSS에 대해서 알아보아요. [CSS] [CSS의 진화 과정] CSS (Cascading Style Sheets) html : 논문을 보여주기 위한 포맷 WWW(World Wide Web)을 점점 개인이 쓰게 되면서 웹이 개발되고 사람들이 커뮤니티 사이트를 사용하기 시작했다. 1) 웹 시장이 커지면서 90년대 '와우팩터'가 높은 웹을 만드는 것이 유행하게 되었다. 2) 그래서 html과 CSS를 잘 짜는 방법을 사람들은 고민하기 시작했다. 3) CSS는 코드를 예쁘게, 깔끔하게 짜기가 어렵다. 4) 이 후 30년간..
더보기
