일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 |
- 국비지원교육
- Be
- 구현
- 오픈챌린지
- OPENPATH
- 백엔드 부트캠프
- javascript
- 백엔드개발자
- 패스트캠퍼스
- 문자열
- UXUI기초정복
- 코드스테이츠
- knu
- 디자인강의
- KDT
- 국비지원
- 오픈패스
- 국비지원취업
- 직무역량캠프
- 기초
- 디자인교육
- 환급챌린지
- UXUI챌린지
- 내일배움카드
- 디자인챌린지
- 백준
- js
- UXUIPrimary
- baekjoon
- 부트캠프
- Today
- Total
목록개발일지 (29)
군만두의 IT 공부 일지
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/qRQyJ/btsE9Ep4C6L/oznm4RYZziGaN3WAu1LZlk/img.png)
목차 🚀 진행기간: 2023년 6월 26일 ~ 2023년 7월 13일 ⭐요약 HTML과 CSS를 활용하여 Flexbox를 이용한 레이아웃 구성 방법과 각 속성의 적용에 대해 정리함. 더보기 🚀 HTML 구성과 Flexbox 활용 1) HTML 구성 웹 페이지의 콘텐츠 흐름은 기본적으로 좌에서 우, 그리고 위에서 아래로 진행됨. 효율적 관리를 위해 Flexbox 레이아웃을 활용하여 수직 및 수평 분할을 적용할 수 있음. 2) Flexbox 레이아웃의 기본 Flexbox를 사용함으로써, 개발자는 컨테이너 내의 항목들을 유연하게 정렬하고, 각 요소가 차지하는 공간을 쉽게 조절할 수 있음. display: flex 속성은 요소들을 가로로 정렬하며, Flexbox 속성을 통해 세밀한 레이아웃 조정이 가능함. 3)..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/c4UUrA/btsE6HOKC6m/biJZftwiviqv4hrI1AckCK/img.png)
목차 🚀 진행기간: 2023년 6월 26일 ~ 2023년 7월 13일 ⭐요약 웹 개발 프로젝트의 초기 단계에서 와이어프레임과 목업을 활용에 대해 정리함. 더보기 🚀 HTML/CSS 활용 1) 와이어프레임(Wireframe) 웹 페이지의 기본 구조를 설계하는 과정으로, 핵심 요소와 기능을 배치하여 전체적인 페이지 레이아웃을 계획함. 프로젝트의 목적과 요구 사항을 명확히 하고, 초기 단계에서 디자인과 기능에 대한 이해도를 높임. 2) 목업(Mock-up) 와이어프레임을 기반으로 한 단계 더 발전된 디자인 단계로, 실제 제품과 유사한 방식으로 HTML 문서에 구현됨. 목업을 통해 실제 콘텐츠와 디자인 요소를 사용하여, 최종 제품의 모습을 시각적으로 예측할 수 있음. ⭐HTML/CSS 활용 1. 와이어프레임(W..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/znWV7/btsE6WRqS1t/rxzI6S1a02hSd53XKbB290/img.png)
목차 🚀 진행기간: 2023년 6월 26일 ~ 2023년 7월 13일 ⭐요약 웹 페이지의 스타일과 레이아웃을 결정하는 데 필수적인 CSS의 기초적인 내용을 정리함. 더보기 🚀 CSS 기초 1) CSS(Cascading Style Sheets) 웹 페이지의 스타일과 레이아웃을 결정하는 스타일시트 언어. CSS는 색상, 글꼴, 크기, 간격 등 웹 페이지의 시각적 요소를 제어할 수 있음. 2) 박스 모델 웹 페이지를 구성하는 모든 요소는 박스 모델로 표현됨. 요소의 콘텐츠, 패딩(padding), 테두리(border), 마진(margin)으로 구성됨. 3) 선택자 CSS에서는 다양한 선택자를 사용하여 특정 요소에 스타일을 적용할 수 있음. id 선택자, class 선택자, 태그 선택자, 속성 선택자 등이 포함..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bPrUjH/btsE7tWEApD/eBH63Qf0MTPj858E5p2Qwk/img.png)
목차 🚀 진행기간: 2023년 6월 26일 ~ 2023년 7월 13일 ⭐요약 학교에서 진행하는 프로그램에 참가하여 Jsvascript(프론트엔드) 부트캠프를 진행함. 웹 페이지의 구조를 형성하는 HTML 마크업 언어와 시멘틱 태그의 중요성에 대해 정리했음. 더보기 🚀 HTML 기초 1) HTML (HyperText Markup Language) 웹 페이지의 구조를 정의하는 마크업 언어. JavaScript와 같은 프로그래밍 언어와는 다르게, HTML은 웹 페이지의 뼈대를 이루는 태그(tag)들로 구성. 2) Tag HTML을 이루는 기본적인 구성 요소로, 부등호()로 묶인 명령어. 이 태그들은 웹 브라우저에게 텍스트와 이미지 같은 콘텐츠를 어떻게 표시해야 하는지를 알려줌. 3) 시멘틱 요소 HTML5에서..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bbj0m4/btrLK1UyF9G/k5BHFXfroXBcTCAFAiMk6K/img.png)
목차 1. 유니티 설치하기 2. View 3. 세팅하기 4. C# 5. 결과물 0. 1주차 후기 유니티를 처음 접해봤는데 재미있음. 나와 비슷하게 웹, 앱 공부 경험이 있는 사람들은 흥미를 가질 것 같음. 유니티에서는 C#을 사용하는데, 강의에서 문법을 간단히 설명해 주긴 하지만 코딩을 완전 처음 접해본 사람한테는 어려움이 있다고 생각됨. 아쉬운 점은 강의에서 알려주는 유니티 버전과 최신 버전이 달랐고, 강의랑 교재도 다른 부분이 있어 그대로 코드를 복붙하면 에러가 발생할 수 있음. 1. 유니티 설치하기 게임을 개발하려면 도구(유니티)가 필요함. 강의 기준 유니티 허브 버전은 2.4.5이지만, 현재 다운 버전은 3.2.0이라서 설치 방법이 조금 다름. 설치 시간은 10분 정도 걸렸음. 2. View Sc..