profile
Product Designer
post-thumbnail

오즈코딩스쿨 프로덕트 디자이너 부트캠프 마지막 회고

10년 뒤는 체감이 되지 않아 3년으로 설정하고 썼다. 내용은 너무 감성적이라 블러처리 해서 올린다. 나중에 3년 뒤에 보면 재밌기도 하고 감동적이기도 할 것 같다.채용공고를 보고 정하기에는 신입은 거의 채용하지도 않고 있어서프로덕트 디자이너를 준비하며 꿈꿨던 기업 2

2025년 8월 27일
·
0개의 댓글
·
post-thumbnail

[디자인부트캠프] 웹 구조 및 서비스 데이터 추적_6

벌써 강의 마지막 날. Day51입니다..이제 앞으로 8월 말까지는 팀플/포트폴리오 기간인데요.시간이 정신없이 빠르게 지나간 것 같아요. 부트캠프를 시작했을 때 과연 해낼 수 있을까 싶었는데 어느새 여기까지 왔네요.남은 팀프로젝트도 파이팅해보겠습니다!!vw, vhvw와

2025년 7월 2일
·
0개의 댓글
·
post-thumbnail

[디자인부트캠프] 웹 구조 및 서비스 데이터 추적_5

class는 여러 번 지정 가능id는 한 번만 지정 가능rem: 배로 커진다.em: 부모를 기준으로 배로 커진다. 이 코드에서 부모는 article.

2025년 7월 1일
·
0개의 댓글
·
post-thumbnail

[디자인부트캠프] 웹 구조 및 서비스 데이터 추적_4

cascading: 폭포처럼 흐르는, 연쇄적인• HTML 태그 안에 style 속성으로 직접 스타일을 작성.• style 태그를 head 안에 작성.• .css 확장자를 가진 별도의 CSS 파일에 스타일 정의.• link 태그로 HTML 문서와 연결.div와 span을

2025년 6월 30일
·
0개의 댓글
·
post-thumbnail

[디자인부트캠프] 웹 구조 및 서비스 데이터 추적_3

HTML에서 시맨틱(Semantic) 태그는 태그의 이름만 보고도 그 역할과 의미를 쉽게 이해할 수 있도록 만든 태그들을 말해요. 쉽게 말해, “의미가 있는 태그”예요.비시맨틱 태그(div/span)는 의미 없이 묶기용 → 레이아웃, 스타일 목적.• 시맨틱 태그가 쓰일

2025년 6월 27일
·
0개의 댓글
·
post-thumbnail

[디자인부트캠프] 웹 구조 및 서비스 데이터 추적_2

하이퍼링크(Hyperlink)는 사용자가 클릭하면 다른 웹 페이지나 문서, 이미지, 이메일 등으로 이동하게 해주는 인터넷의 연결 링크다.마크업(Markup)은 문서나 데이터를 구조화하기 위해 사용하는 태그(표시) 체계다.스타일은 헤드에 넣어야 함. div: 블록 요소

2025년 6월 26일
·
0개의 댓글
·
post-thumbnail

[디자인부트캠프] 웹 구조 및 서비스 데이터 추적_1

HTML: 뼈대, 구조.CSS: 뼈대에 색을 칠한다. 꾸민다. 글자 크기, 폰트 등JS: 웹페이지에 움직임을 준다.https://code.visualstudio.com📌 한글 ↔ 영어 등 인터페이스 언어 바꾸기 1\. VS Code 상단 메뉴에서 Ctrl +

2025년 6월 25일
·
0개의 댓글
·
post-thumbnail

[디자인부트캠프] AI 활용한 데이터 분석_5

바이브 코딩(Vibe Coding). UI/UX 디자이너와 개발자 사이의 경계가 희미해지고 있다. 바이브 코딩 시대에는 전통적인 분업 구조가 점차 깨지고, 더욱 유연한 협업 형태로 전환되고 있다. 디자이너가 아이디어 구상부터 최종 구현까지 전 과정에 참여할 수 있게 되

2025년 6월 24일
·
0개의 댓글
·
post-thumbnail

[디자인부트캠프] AI 활용한 데이터 분석_4

결국 중요한 것은 도구보다 사용자의 문제를 제대로 이해하고 해결하려는 디자이너의 태도와 질문력https://www.thefountaininstitute.com/blog/chat-gpt-ux-designhttps://www.relume.io/챗지피티 플

2025년 6월 23일
·
0개의 댓글
·
post-thumbnail

[디자인부트캠프] AI 활용한 데이터 분석_3

#오즈코딩스쿨 #디자이너부트캠프 #국비지원 VOD 정리 EDA(Exploratory Data Analysis) 데이터를 잘 이해하고 시작하면 분석의 방향이 명확해진다. 불필요한 시행착오를 줄일 수 있다. EDA를 잘하는 방법 raw data의 descriptio

2025년 6월 20일
·
0개의 댓글
·

[디자인부트캠프] AI 활용한 데이터 분석_2

#오즈코딩스쿨 #디자이너부트캠프 #국비지원 VOD 정리 CO-STAR 프레임워크 앞글자를 따와서 만들었다. AI한테 대본을 써주는 것 같음. >맥락 - 역할 부여 목표 - 무엇을 달성해야 하는지 스타일 - 답변 스타일 정해주기(비즈니스, 캐주얼, 아이에게 말하듯 등) 톤/어조 - 어떤 분위기로 할지 (유머러스, 친절하게, 전문적이게 등) 대상/청중 ...

2025년 6월 19일
·
0개의 댓글
·
post-thumbnail

[디자인부트캠프] AI 활용한 데이터 분석_1

생성형 AI: 텍스트, 이미지, 음악, 코드 등 다양한 콘텐츠를 생성. 새로운 콘텐츠를 만들어내는 AI / 예) 챗지피티 LLM: 엄청나게 많은 텍스트 데이터를 학습해서, 인간처럼 자연스러운 언어를 이해하고 생성. 인간 언어를 이해하고 생성하는 모델 / 예) GPT-4

2025년 6월 18일
·
0개의 댓글
·
post-thumbnail

[디자인부트캠프] 문제 발굴과 데이터 스크래핑/시각화_7

오늘은 오전에 일정이 있어서 오후 2시 40분쯤 겨우 수업에 참여할 수 있었다...우선 후다닥 vod 보고, GA 수강해야겠다.. 오후 수업은 내일 영상 올라오면 오전에 빡세게 따라가봐야 할듯...수치만 볼 게 아니라 사용자의 마음이 중요하다. GA수강데일리UI

2025년 6월 17일
·
0개의 댓글
·
post-thumbnail

[디자인부트캠프] 문제 발굴과 데이터 스크래핑/시각화_6

✅같은 시점 + 같은 특성1\. 전환율 (Conversion Rate) • 정의: 어떤 행동을 완료한 이용자의 비율 (예: 회원가입 → 유료 결제).2\. 리텐션률 (Retention Rate) • 정의: 일정 시간 이후에도 여전히 서비스에 남아있는 이용자의 비율.3\

2025년 6월 16일
·
0개의 댓글
·
post-thumbnail

[디자인부트캠프] 문제 발굴과 데이터 스크래핑/시각화_5

오늘이 전에 넘어갔던 36강을 보면 된다.근데 내가 모르고 저번에 36강이랑 37강 같이 봤어서 오늘 vod 정리 생략.이따 오후에 진행되는 라이브 강의만 정리하면 되겠다.코드 복사해서 티스토리 스킨 편집에서 붙여넣는다.크롬 확장프로그램 검색 - 태그 어시스턴트 - 추

2025년 6월 13일
·
0개의 댓글
·
post-thumbnail

[디자인부트캠프] 문제 발굴과 데이터 스크래핑/시각화_4

#오즈코딩스쿨 #디자이너부트캠프 #국비지원 VOD 정리 이벤트 ![](https://velog.velcdn.com/images/se_eun825/post/6c14d68c-ef

2025년 6월 12일
·
0개의 댓글
·
post-thumbnail

[디자인부트캠프] 문제 발굴과 데이터 스크래핑/시각화_3

https://analytics.google.com/analytics/web/?utm_source=demoaccount&utm_medium=demoaccount&utm_campaign=demoaccountGA를 심었을 때 확인하는 곳. 디버깅, 데이터 모니터링

2025년 6월 11일
·
0개의 댓글
·
post-thumbnail

[디자인부트캠프] 문제 발굴과 데이터 스크래핑/시각화_2

https://support.google.com/analytics/answer/6367342?hl=ko접속 후 스크롤을 내리면 아래의 화면이 보인다.네모 표시 클릭.위와 같은 화면이 보인다.표시한 곳에서 다양한 보고서를 볼 수 있다.사용자 획득Direct• 직

2025년 6월 10일
·
0개의 댓글
·

[디자인부트캠프] 문제 발굴과 데이터 스크래핑/시각화_1

#오즈코딩스쿨 #디자이너부트캠프 #국비지원 VOD 정리 그로스해킹 제품, 서비스의 빠른 성장을 위해 비효율을 제거하고 기술과 데이터 및 창의성 있는 아이디어를 활용해 성장을 극대화하는 전략을 의미. 핵심 지표에 기반하여 가설 수립과 실험의 반복을 통해 비즈니스의 성장을 이끌어내는 방법론 그로스해킹 사례 친구를 초대하

2025년 6월 9일
·
0개의 댓글
·
post-thumbnail

[디자인부트캠프] IT 직무 이해와 커뮤니케이션/협업_2

https://www.figma.com/ko-kr/dev-mode/프레임 하나 생성, 지도 사진 가져오기프레임(window) 하나 더 생성해서 지도 사진을 넣고, 버튼 생성.프로토타입에서 지도 프레임 선택 후, overflow - both directions

2025년 6월 5일
·
0개의 댓글
·