Bin's Blog

📚 새로 알게 된 부분 👉 document.write(값): 화면에 텍스트를 쓸 때 사용된다. 👉 switch문 switch (new Date().getDay()) { // Day가 0이면 일요일 출력 case 0: document.write("일요일"); break // Day가 1이면 일요일 출력 case 1: document.write("월요일"); break // Day가 2이면 일요일 출력 case 2: document.write("화요일"); break // Day가 3이면 일요일 출력 case 3: document.write("수요일"); break // Day가 4이면 일요일 출력 case 4: document.write("목요일"); break } 👉 생성자함수 function Perso..

🤔 DOM(Document Object Model)이란? 👉 넓은 의미로 웹 브라우저가 HTML 페이지를 인식하는 방식을 의미한다. 👉 정적으로 문서 객체를 생성: 웹 브라우저가 HTML 페이지에 적혀 있는 태그를 읽으면 생성하는 것 👉 동적으로 문서 객체를 생성: 원래 HTML 페이지에 없던 문서객체를 JavaScript를 이용해서 생성 1️⃣ 외부 자바스크립트 장점 👉 HTML과 코드를 분리 👉 HTML 및 JavaScript를 더 쉽게 읽고 유지 관리할 수 있다. 👉 캐시된 JavsScript 파일은 페이지 로드 속도를 높일 수 있다. 📚 캐시란? 👉 컴퓨터에서 데이터나 값을 빠르게 가져오기 위해 사용되는 임시 저장소를 일컫는데 웹페이지를 방문하면 그 웹페이지의 정보들이 컴퓨터의 하드 드라이브에 임..

🤔 CSS란? 👉 CSS는 Cascading Style Sheets의 약자이다. 👉 한 번에 여러 웹 페이지의 레이아웃을 제어할 수 있다. 👉 외부 스타일시트는 CSS 파일에 저장된다. 👉 Cascading: 연속화 => CSS에서 스타일이 적용될 때는, 우선순위를 가지고 적용된다. 이 우선순위가 적용되는 과정이 마치 폭포처럼 위에서 아래로 떨어지는 모양이기 때문에 Cascade라는 단어가 붙는다. 1️⃣ CSS Selector 👉 css 선택기는 스타일을 지정할 HTML 요소를 "찾는"(또는 선택하는)데 사용된다. p { text-align: center; color: red; } #para1 { text-align: center; color: red; } .center { text-align: cen..

📚 기초상식 1️⃣ 인터넷 vs 웹 인터넷 웹 인터넷은 전 세계를 연결하는 국제 정보 통신망으로, 컴퓨터나 스마트폰 같은 디지털 기기로 연결되어 사람들이 정보를 공유할 수 있는 공간 웹은 인터넷 공간에서 제공하는 서비스 👉 인터넷 안에는 Web, FTP(장지와 장치 간의 파일을 전송하는 데 사용되는 표준 프로토콜), E-mail 등이 있다. 👉 팀 버너스 리가 최초 웹 개발자이다. 1991년 HTML1로 시작한 버전은 2014년 HTML5의 버전까지 나온 상태이다. 2️⃣ 웹의 변천사 👉 웹 1.0은 단순히 정보의 제공과 불특정 다수에게 정보를 전달하는 데 초점 👉 웹 2.0은 사용자들 사이의 상호작용과 참여, 공유, 협업을 강조 👉 웹 3.0은 인공 지능(AI), 빅데이터, 시멘틱 웹 등의 기술과 개념..

🥕 스케치란 무엇인가? 1️⃣ 스케치란? - 공상 속에 있는 80%를 20%의 현실로 만든다. - 경험과 스토리 맵은 남에게 이야기 할 수 없는 부분이라면 아이디어의 스케치와 상품화는 남에게 이야기 할 수 있는 부분이다. - 스케치의 최선은 모방과 결합이다. 1️⃣ - 1️⃣ 스케치의 효율성은? - 시간 절약: 공상을 현실적 밑그림으로 만든다 => 아이디어, 테이블설계, 의사전달 - 큰 구조파악: 전체스토리를 알 수 있다 (대 > 중 > 소) => 개념정립, 전략과 전술 - 스토리텔링: 진행과정의 스토리를 파악할 수 있다 => 시놉시스, 제안서, 스토리보드 1️⃣ - 2️⃣ 효과적인 스케치는? - 1장에 1개의 주제만을 담자. - 그리는데 3분 이상 소요하지 말자 - 스토리를 그리자 - 치환, 생략 (알..

📖 액티비티 다이어그램 그리기

🥕 UML을 통한 서비스 흐름 잡기 1️⃣ UML이란? - Unified Modeling Language의 약자로, 통합 모델링 언어를 의미한다. 소프트웨어 구조와 행동을(시스템 자체의 산출물의 역할) 시각적으로 표현하는 데 사용되는 언어이다. - UML은 소프트웨어의 설계도를 만드는 데 도움을 주는 도구이다. - 꼭 필요한 행위를 기반으로 한 객체 지향 모델링이 가능해진다. - 시스템의 구성 요소들이 서로 어떻게 연결되어 있는지 확인 가능하다. 1️⃣ - 1️⃣ UML에서 정의하는 모델링이란? - 어떠한 현상들을 단순화, 일반화, 추상화 하는 과정으로 아래와 같은 장점을 지닌다. - 내부 구조나 동작하는 행위에 대한 표현의 자유 - 시스템의 구성 요소들이 서로 어떻게 연결되어 있는지 확인 가능 - 설계..

🚏🚍 플랫폼 구축을 위한 사고와 습관 1️⃣ 플랫폼이란? - 인간의 관계에서 생성되는 교류의 정류장 역할(무언가를 할 수 있게 해주는 기반을 제공) - 예시) 놀이터에는 미끄럼틀, 그네, 회전목마 등 다양한 놀이 도구들이 있다. 이 놀이터 자체가 플랫폼이다. 놀이터가 있기 때문에 우리는 여러 가지 놀이 도구를 사용하여 즐길 수 있다. - 컴퓨터 세계에서는 네이버, 유튜브가 대표적인 플랫폼이다. 이런 서비스들이 있어서 우리는 동영상을 볼 수 있고, 정보를 찾을 수 있다. - 서비스를 주고 받으며 유저 하나하나를 관찰하고 기록하지 않고 자동적인 시스템을 통해 관리된다. - "서비스를 통해서 어떤 것을 제공하고 우리는 얻을 것인가?"가 핵심 가치 중에 하나다. 2️⃣ 플랫폼의 진화 과정 - 유선화 => 개인화..