profile
The interactive storytelling web service <Wishtree> is an open source project run by Team Noob. We share tips for effective non-face-to-face teamwork and service development process. Hope it helps a little to the world suffering from corona.

웹페이지 기초(12)

css @import로 css문서 안에서 또 다른 css문서를 가져와 연결 연결을 지연시킬 수 있음. main.css먼저 읽게됨

약 15시간 전
·
0개의 댓글
post-thumbnail

웹페이지 기초 (11)

글씨를 클릭해서 체크박스 누르기

2일 전
·
0개의 댓글
post-thumbnail

웹페이지 기초 (10)

span 태그를 이용해서 따로 속성을 바꿔줌 index.html main.css +span 대신 div를 넣으면 블록 속성이기때문에 따로 지정이 없다면 가로를 다 잡아먹음.

2일 전
·
0개의 댓글
post-thumbnail

웹페이지 기초 (9)

1. heading 숫자가 작을수록 중요도가 높아짐 제목 1 제목 2 제목 3 제목 4 2. ul tag unordered list 순서가 필요없는 목록들을 모아둠 소망나무 우체통 할머니 ul태그의 자식에서는 li태그(목록안에 있는 항목들)

3일 전
·
0개의 댓글

웹페이지 기초 (8)

HTML 1. 기본문법 요소 요소의 내용 2. 부모와 자식 겉을 감싸고 있는 것이 부모 요소 내용과 앞 뒤에 있는 것이 자식 요소 들여쓰기를 통해 시각적으로 구분한다. 들여쓰기 tab 내어쓰기 shift +tab 상위/조상 요소 부모요소도 포함하는 개념

3일 전
·
0개의 댓글

어도비 XD 그리드 설정

XD를 통해 웹디자인 프로토타입 제작을 시작한다. 제일 처음 마주한 난관은 크기였다. 그리드 설정에는 무수한 기준들이 있었다. https://www.youtube.com/watch?v=VD_Y5GSvq8Y (마디아 유튜브) https://www.youtube.com

5일 전
·
0개의 댓글

<meta> 태그의 viewport로 반응형 웹사이트 준비하기

반응형을 만들기 위해서 viewport라는 메타태그를 쓸 필요가 있다. 모바일 웹에 필요한 세팅을 한다. 이 태그는 W3C의 표준이 아니라서 meta viewport는 IE10 모바일 브라우저(스냅 모드)를 제외한 나머지(안드로이드, 오페라 등) 브라우저는 적용되고 있

2021년 5월 9일
·
0개의 댓글
post-thumbnail

퀵정렬, 병합정렬, 힙정렬의 동작방식과 세부사항 비교

in-place : 입력리스트 내부에서 정렬이 이뤄진다. 반대는 별도 저장공간을 필요로 하는 경우다. stable : 같은 원소의 자리가 정렬 이후 바뀔 수 있다.구동방식퀵 정렬(Quick Sort)은 기준값(Pivot)을 중심으로 자료를 왼쪽 부분집합과 오른쪽 부분집

2021년 5월 8일
·
0개의 댓글
post-thumbnail

웹용 이미지 포토샵 bit / 컬러 프로파일 설정

1.bit (비트)란?컴퓨터의 정보량의 최소 단위로 2진수 0과 1의 한자리를 1bit라 한다. 비트에 따른 색상표현범위이미지에서 점(dot)또는 픽셀에 몇비트의 색상을 할당할것인지에 따라서 표현할수있는 색상수가 틀려진다 비트수가 높을수록 더 많은 색상을 사용할수 있고

2021년 5월 6일
·
0개의 댓글
post-thumbnail

[Github] 깃허브 블로그 개설하기

깃허브 블로그를 위한 테마는 수백 가지에 이른다. 테마를 선택하고 나만의 깃허브 블로그를 개설해보자.GitHub에서 새 저장소(repository)를 만든다.테마 탐색 : http&#x3A;//jekyllthemes.org/http&#x3A;//jekyllthe

2021년 5월 6일
·
0개의 댓글
post-thumbnail

[Github] 깃허브 계정 username과 git 주소 변경

깃허브 계정을 관리하려고 이름부터 변경하려는데 경고 메시지가 떴다. 이전 프로필 페이지에 접근할 수 없습니다.이전 Github Pages 사이트에 접근할 수 없습니다.기존 repository 주소의 username을 변경해줄 것입니다.이름 변경하는 데에 몇 분 걸릴 수

2021년 5월 6일
·
0개의 댓글
post-thumbnail

인터랙티브 웹 동화 디자인 #2 _ 채색

전체적인 일러스트 채색은 소망나무의 심경 변화에 따라 다르게 이루어진다. 우선 전체적으로 연필, 크레파스로 채색한 듯이 표현해 동화의 느낌을 살리고자 한다. 현재 포토샵 연필 브러쉬 프리셋을 이용 중이고, 후에 소망나무가 혼란스러워 하는 부분에서는 수채화 느낌을 내볼까

2021년 5월 5일
·
0개의 댓글
post-thumbnail

웹페이지 기초(3)

a 태그 a 누르고 tab누르면 가 만들어짐. NAVER을 넣으면 NAVER글씨와 적어놓은 주소로 갈 수 있다.title image \*경로주의

2021년 5월 5일
·
0개의 댓글
post-thumbnail

웹페이지 기초(2)

상대 경로1) ./ (생략가능) 현재 위치2) ../ \-현재 위치의 상단 폴더절대경로1)http(https) 사이트2)/(//) 루트1) / 가장 최상의 디렉토리로 이동2) ./ 파일이 현재 디렉토리를 의미3) ../ 상위 디렉토리로 이동

2021년 5월 5일
·
0개의 댓글
post-thumbnail

웹페이지 만들기 기초(1)

HTML (Hyper Text Markup Language)페이지의 제목, 문단, 표, 이미지, 동영상 등 웹의 구조를 담당CSS (Cascading Style Sheets)실제 화면에 표시되는 방법(색상, 크기, 폰트, 레이아웃 등)을 지정해 콘텐츠를 꾸며주는 시각적

2021년 5월 5일
·
0개의 댓글
post-thumbnail

인터랙티브 웹 동화 디자인 #1 _ 작업 초석 깔기

일단 1차로 스토리 설명에 필요한 총 14개의 컷들을 다 완성한 이후 애니메이션이 필요해보이는 부분에 2차로 움직임을 추가하려 한다. 애프터이펙트 혹은 스파인을 이용해 애니메이션을 주며 파일 형식은 움직이지 않는 이미지의 경우 svg, 영상의 경우 wepb 파일로 출력

2021년 5월 5일
·
0개의 댓글

웹 디자인 스타일 가이드 및 참고 링크

http&#x3A;//styleguide.co.kr/content/resolution-grid/resolution-kinds.php리메인에서 제공하는 웹 디자인 스타일 가이드. 전반적인 기본지식과 디자인 작업에서 놓칠 수 있었던 부분들을 상세하게 안내한다.https&#

2021년 5월 5일
·
0개의 댓글
post-thumbnail

인터랙티브 웹 동화 기획 첫걸음

전하고 싶은 이야기를 출력하는 방식으로 웹 동화를 선택하게 되었다. 비대면 시대에 알맞은 선택이었지만, 문외한인 분야에서 기획과 디자인 부분의 맡은 바를 다하기에 조금 무섭기도 하다. 하지만 설레는 마음으로 첫 걸음을 내딛어 본다. 조언을 받고 수정을 거쳐 스토리는 어

2021년 5월 5일
·
0개의 댓글

[JavaScript] 절대경로와 상대경로

어떠한 웹페이지나 파일이 가지고 있는 고유한 경로를 말한다.예를 들어 http&#x3A;//www.google.com, C:\\users\\document\\untitled.jpg 등을 모두 절대 경로라고한다.파일이 위치한 곳을 기준으로 경로를 파악한다.참고 / : 루

2021년 5월 4일
·
0개의 댓글
post-thumbnail

[p5.js] 투명도가 있는 애니메이션 소스

최적화WebM > mp4 >>>> gif증명1\.

2021년 5월 4일
·
0개의 댓글