티스토리

wjddndlek 님의 블로그

검색하기

블로그 홈

wjddndlek 님의 블로그

wjddndlek.tistory.com/m

wjddndlek 님의 블로그 입니다.

구독자: 0

방명록 방문하기

주요 글 목록

물티슈 브랜딩 기획안 [시장조사] - 물티슈 판매률은 지속적으로 증가하고 있다. - 가정과 주변 환경의 위생과 청결을 유지 - 필수 위생용품 - 건강 및 위생 관리 - 소비자의 관심을 끌기 위해 다양한 크기, 모양, 색상의 위생용품 개발에 주력 - 효과적인 세균 박멸 및 보호 [타상품 키워드] 데일리, 시그니처, 믿고 쓰는, 비데, 원단, 부드러운, 콧물, 연약한 아이 피부, 보송, 클렌징 티슈, 순함 -> 피부에 직접 닿는 제품(키워드 도출 결과) [브랜드] *환경 생각하는 티슈 기업 [포트폴리오 구성] - 브랜딩, 서비스 기획, 패키지 디자인, 로고 디자인, 웹디자인, 앱 디자인, 브로슈어, 상세페이지 [패키지 디자인] (제품 구성) - 물티슈, 미용티슈, 작은 미용티슈 (데일리) (각티슈) (환경티슈) (트렌드티슈.. 공감수 0 댓글수 0 2024. 11. 21.
공부위키 0000-00-00커스터멜로우 상단바 부분 모작사이트단계[1단계 - 레이아웃](CODEPEN 주소)[2단계 - 로고 구현](CODEPEN 주소)[3단계 - 우측 메뉴 1 구현 - 실패](CODEPEN 주소)[4단계 - 우측 메뉴 1 구현 - 성공](CODEPEN 주소)[5단계 - 우측 메뉴 2 구현](CODEPEN 주소)[6단계 - 최종](CODEPEN 주소)자바 스크립트var x; x=50; x=x+5; console.log(x+10);//60변수는 = 좌측에 나올 때만 변수(공간)이고, 그 외에는 전부 값 취급을 해주면 된다.2024-08-27하나손해보험 상단바 부분 모작사이트단계1단계 - 레이아웃2단계 - 로고구현3단계 - 슬라이드바4단계 - 슬라이드바 항목5단계 - 퀵메뉴6단계 - 퀵메뉴27단계 .. 공감수 1 댓글수 0 2024. 8. 16.
웹 19일차 https://www.slog.gg/p/13684#f SBS 아카데미, UI/UX/웹디자인 과정공개여부 제목 SBS 아카데미, UI/UX/웹디자인 과정 전체화면 내용 SBS 아카데미, UI/UX/웹디자인 과정, 전체화면 댓글(0) SBS 아카데미, UI/UX/웹디자인 과정 에 대한 댓글 loading...www.slog.gg장희성 강사님 수업 자료 공감수 0 댓글수 0 2024. 8. 12.
웹 17일차 [언스플래쉬]-상업적으로 이용 가능한 무료 이미지 사이트ㄴ 포트폴리오에서도 사용 가능ㄴ원본 이미지를 확인할 수 없도록 합성된 상태만 상업적으로 사용 가능하다.- 브랜드 상표나 사람 얼굴 인식이 가능한 이미지는 저작권이 따로 되어 있기때문에 사용하지 않는것이 좋다. [이미지태그]- src=""값으로는 이미지 경로는 사용할 수 있다.ㄴ 파일 폴더 경로ㄴ url주소- img태그는 닫는 태그가 없다. 무엇인가를 가둘 수 없다. 공감수 0 댓글수 0 2024. 8. 8.
웹 16일차 [포트폴리오]- 포트폴리오도 상업적인 용도로 사용된다.- 디자인으로 활용하기 전 폰트 두께 먼저 확인 후 사용한다.- 폰트마다 사용할 수 있는 두께가 다르다.ㄴ 300 or 400,500,700 적어도 세가지 이상을 가지고 있는폰트를 본문 폰트로 선정하는것이 좋다. [폰트]- 상업적인 용도로 사용가능한 폰트들만 사용해야 된다.ㄴ 다폰트에는 상업적으로 사용가능한 무료가 있고, 상업적으로 사용 불가능한 무료 폰트가 있다. 잘 확인하고 사용하지 않으면 내용증명서 날아올 수 있음!! [눈누]- 상업적으로 사용 가능한 폰트들만 모아놓은 사이트ㄴ 포트폴리오 제작시 활용하면 좋다.- 유행하는 폰트들은 눈누 모든 폰트 순위에서 확인하면바로 파악할 수 있다. 공감수 0 댓글수 0 2024. 8. 7.
웹 14일차 사용자 메뉴(목록)- 로그인- 회원가입아이콘 박스(목록)-장바구니 아이콘- 찜 목록 아이콘 ul, li 주의사항- ul과 li는 항상 꼭 같이 사용 해야한다. - ul태그 자식으로 li태그밖에 사용할 수 없다.- ul태그는 기본적으로 margin, padding이라는 값을 가지고 있다.- li태그는 기본적으로 list-style값을 가지고 있다. 공감수 0 댓글수 0 2024. 8. 5.
웹 13일차 html> lang="ko"> class="top-bar"> class="container"> class="logo-box">로고 박스 class="menu-box"> href="#">list href="#">list href="#">list href="#">list class="user-menu-box">사용자 메뉴 /* 노멀라이즈 */body, ul, li{ margin: 0; padding: 0; list-style: none;}.a{ /* 기본 컬러로 */ -메.. 공감수 0 댓글수 0 2024. 8. 2.
웹 12일차 파일과 폴더 파일- 확장자가 붙어있는 것들을 파일예시).jpg.png.html.css 폴더 -파일을 정리해주는 역할-vscode에서는 폴더를 먼저 열고 그안에 html, css등.. 파일을 만들어 줘야한다. [파일 탐색기] window + E [돋보기] window + S !DOCTYPE 선언 !+TAP [CSS파일 연결하기]-head태그 안에 link태그 생성후href="" -> 쌍따옴표 안에다가 css파일 이름을 작성한다. [언어설정]- 한국어로 설정하는 경우 lang값을 ko로 입력한다. 공감수 0 댓글수 0 2024. 8. 1.
웹 11일차 - 최근 몇년간 화제였던 mbti와 여행을 접목시킨 점이 흥미로웠다 *개선점 MBTI 선호도 높아지고 있음에 대한 시각적인 통계자료(그래프?)가 있었다면 설득력이 더 높았을 것 같아요: ) 기능에대해서 이미지적으로 구현했으면 좋았을것같다(X) ㄴ (이미지에 대해서 구현도 생각해 봤지만 아직 구현이 불가능해서 못해봤습니다. 좀더 배워서 한번 구현 해보도록 하겠습니다.) *장점 MBTI를 기준으로 여행 유형 나눈것이 신선했어요! 좋은점 - 엑티비티 할인과 동시에 도전을 하면 해택이 주어지는 건 신선한 것 같다.!!!!!! 개선점 - 단체로 여행을 간다면 엠비티아이가 가지각색일텐데 그러면 이 어플은 혼자 여행하는 사람들을 위한 어플로 타겟이 너무 좁혀지지 않을까 생각해요!^^~~~ 개선점 - 앱 .. 공감수 0 댓글수 0 2024. 7. 31.
웹 10일차 안녕하세요 7조 서정우 입니다. 저희는 MBTI맞춤 여행 어플을 기획 했습니다. 우선 타겟으로는 ~~~ 다음으로 불편한점으로는 MBTI에 대한 한국인의 선호도가 엄청 높은 시국에 MBTI 맞춤여행 어플이 없었고 여행계획을 짜기 힘들어하는 분들이 종종 있었습니다. 그리고 K-POP, K FOOD 등등 한국으로 여행오는 외국이 많아지는 요즘 언어로 인해 여행중 오는 불편함이 많아지고 있다고 알게 되었습니다. 다음은 비슷한 유형의 여행계획을 해주는 어플들이 일정이나 동선들이 너무 단조롭고 불편하다는 후기를 접하였습니다. 그리고 휴가철에 친구들이나 가족 등 여행 갈때 여행 계획이 서로 달라서 어려움을 겪는 상황이 많이 생기지 않나요? 의견이 달라서 한고집 하는 사람들끼리 대립하다보면 심하면 손절하게 되.. 공감수 0 댓글수 0 2024. 7. 30.
웹 9일차 div01 div02 div03 div04 div05 marginm, gap, padding -paddingㄴ태그선을 기준으로 안쪽으로 들어오는 여백ㄴ태그 너비높이값에 포함 -marginㄴ태그선을 기준으로 바깥으로 들어오는 여백ㄴ태그 너비 높이값에 포함되지 않는다.*형제관계에서 활용 -gapㄴflex에서 사용하는 여백값ㄴ요소와 요소 사이에 들어가는 값ㄴ왼쪽 오른쪽 구분해서 넣을수 없고 요소 사이에 한번에 들어간다.*형제 관계에서 활용 BUTTON --> span.false-btn.btn{BUTTON}[inline과 padding-top관계]- inline요소는 padding-top을 적용했을때 위치가고정된 상태로 적용된다.(정상 작동하지 않는다)ㄴ(해결방법)다른 display속성값으로 바꾸어준다. - .. 공감수 0 댓글수 0 2024. 7. 29.
웹 8일차 14:00~~ https://brunch.co.kr/@ssamjang/9 왜 나만 여행계획 세우냐?피곤한 J형 | "왜 나만 안절부절인지." "누가 계획 세우라 했냐?" 하루의 일과가 완벽히 짜이지는 않아도 그림이 어느 정도 그려져야 안심이 된다. 이 계획병이 생긴 것은 아이 키우고 나서 더 심brunch.co.kr [css에서 사용할 수 있는 선택자] 자식선택자> 후손선택자 띄어쓰기 인접동생선택자 + 그룹 선택자, 클래스 선택자. 아이디 선택자 # --> 공감수 0 댓글수 0 2024. 7. 26.
웹 7일차 [시각디자인 참고] 핀터레스트 비핸스 [웹디자인 참고] 디비컷 지디웹 -> 어플 [uiux디자인 참고] 유아이볼 [무료 이미지] 언스플래쉬 픽사베이 [피그마 단축키] shift + 클릭 드래그 -> 이미지 사이즈 정비율 [유용한 단축키] ctrl+T 새 탭 열기 ctrl+W 탭 닫기 ctrl+S 저장 shift 텍스트 선택 home 커서를 문장 가장 앞쪽으로 end 커서를 문장 가장 뒷쪽으로 ctrl 띄어쓰기 기준 ctrl + x 잘라내기와 동시에 복사 [DOCTYPE 선언하는 이유] - 브라우저가 문서를 읽어들일때 어떤 버전인지 파악하고 그 버전에 따라서 태그를 읽기 위함 [주석]Ctrl + / - 주석을 사용하는 이유는 여러가지이다. 1. 코드를 실행시키지 않을때 2. 메모와 협업 [코드펜에 DOC.. 공감수 0 댓글수 0 2024. 7. 25.
웹 6일차 14:00~~ https://brunch.co.kr/@travie/1306 재미로 보는 16가지 'MBTI별 여행지' 추천INTJ 계획 변태 계획이 여행의 전부. 여행을 떠나기 전부터 이미 가 본 사람처럼 말하고 행동하는 타입. 여행지에 대한 전반적인 파악은 이미 끝난 상태. 남은 것은 오로지 실행뿐. 그들에게 여행brunch.co.kr https://ditoday.com/%ED%95%9C%EA%B5%AD%EC%9D%B8%EC%9D%B4-mbti%EB%A5%BC-%EC%A2%8B%EC%95%84%ED%95%98%EB%8A%94-%EC%9D%B4%EC%9C%A0/ 한국인이 MBTI를 좋아하는 이유공감 능력 없는 ENTJ가 말하는 MBTI에 대한 고찰ditoday.com [본인들이 사장님이라고 생각을 해보자.. 공감수 0 댓글수 0 2024. 7. 24.
웹 5일차 14:00~~ https://docs.google.com/document/d/1RTjPhKByfGnjFekobEnWgGD2VbDzVls5NQQ3R68xgqk/edit#heading=h.5uj4eh3dr2e7 Ctrl + K 파란색 글자 작성 글자: 선택 -> Ctrl + Alt + 4 1조 - 완료 김가경, 임예나 1조 UIUX 기획안 티스토리 블로그 이동 3조 - 완료 오승민, 김선민 3조 UIUX 기획안 티" data-og-host="docs.google.com" data-og-source-url="https://docs.google.com/document/d/1RTjPhKByfGnjFekobEnWgGD2VbDzVls5NQQ3R68xgqk/edit#heading=h.5uj4eh3dr2e7" data-.. 공감수 0 댓글수 2 2024. 7. 23.
웹 4일차 14:00 ~~ ( 여행 어플) (ai 기능 제거) - taget ( 각자의 맞춤 취향 별 경험 / 도전적인 경험을 하고 싶은 여행자 ) - 불편 했던 점 : 사람 성격별 여행지 추천이 없었음 - mbti 선택 및 관련 성격 유형에 맞는 여행 계획 ( ) * 회원가입시 mbti 선택기능 및 결과에 따라 해당 mbti 캐릭터 등장 ** 캐릭터 제작 필요 * 회원 가입시 로그인 방법 선택 화면 구현 * 완료 후 간단한 안내 베너 추가 * mbti 별 각 글자마다 관심 태그를 넣어 태그에 포함 된 여행지들을 베너에 노출 - 메인 창(화면) 구현 필요 * mbti 별 캐릭터 / * 여행/숙소/항공권 등 아이콘 제작 필요 * 여행 지 .. 공감수 0 댓글수 2 2024. 7. 22.
웹 3일차 웹디자인 14:00~~ 여행을 좋아하는 사람들 + mbti 1.처음 회원가입할때 mbti 입력2.가고싶은 여행지3.캐릭터 p, j 4.지도 동선5.익스트림 스포츠 및 미션- 익스트림 스포츠 일러스트 사진, 미션창6.다녀온 사람들 후기7.숙소 예약 창 8.항공권 예약창 코딩 16:00~~ 블록 : 박스 너비, 높이위에서 아래 채우기 인라인 : 글자 좌우 인라인-블록 : 좌우너비 높이 지정 display : 변경이 가능 none : 화면에 표시되지 않는다. flex : 박스내부에 있는 자식요소를 아이템 배치 효율적으로 정렬 gird내부에 있는 자식요소를 아이템 배치효율적으로 정렬2차원 3*4 inline - flex내부 자식요소가인라인처럼 배치 inline - grid내부 자식요소가인라인처럼 배치 많이 쓰.. 공감수 0 댓글수 0 2024. 7. 19.
웹 1일차 김혜지 강사 010 4372 1301 uiux --------------- 하이퍼링크(참조)통해서 문서에서다른문서로 접근markup표시language언어 웹브라우저구글(크롬) 코드 코드 해석해서 브라우저 내에 보여주는 것 코드를 웹브라우저를 통해 해석, 표현되는 과정 렌더링 vscode, brackets실제 구현되는 부분 태그정보를 정의하는 형태 홀화살괄호 내용 단일 태그, 콘텐츠를 감쌀 필요가 없다.끝을 구분하지 않음 각각의 태그는 속성 태그들의 부가적 기능 정의정의해주는 개수는 제한없음 무엇을 넣든지 공백, Enter1칸한둘 띄우는건 p tab 주석사람들간의 공유를 위한메모나 스스로 메모CSS, JS, HTML 범위 주석은 범위잡고 컨트롤 + / P태그에서 알트 + 쉬프트 + 상하 방향.. 공감수 0 댓글수 0 2024. 7. 17.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.