[Android/Flutter 교육] 1일차

OT 진행

교육 내용

코틀린 -> 안드로이드 네이티브 프로그래밍을 위한 언어
안드로이드 -> UI 관련, 안드로이드 애플리케이션 구성 요소, 데이터 관리
Flutter -> 하이브리드 개발 방식

학생정보관리 -> 코틀린
메모관리(일정관리) -> 안드로이드(UI와 관련된 부분)
게시판 프로젝트 -> 안드로이드 종합 프로젝트
쇼핑몰 프로젝트 -> 조별 프로젝트
자율 프로젝트 -> 조별 프로젝트

특강 -> JetPack Compose 미니 프로젝트(정규과정에 없는 부분이라서 특강으로 따로 뺌)

HTML/CSS VOD

HTML/CSS를 활용한 이력서 작성 VOD 강의 감상
TV에서 본 이두희님이 강의를 진행하셨다.
동영상 강의를 진행함과 동시에 해당페이지에 있는 웹에디터로 실습을 할 수 있는 신기한 구조의 강의다.
다만 웹에디터에서 직접 코드를 작성하고 영상을 다시 재생하면 작성했던 코드가 사라지는 바람에 그런 부분은 아쉬운 기능인 것 같다.

VOD 강의를 통해 추가로 배운 내용:

• box-shadow: a b c d e;

  • a: 가로축, 음수면 왼쪽이고 양수면 오른쪽으로 그림자가 뻗음
  • b: 세로축
  • c: 그림자의 흐림 정도(blur)
  • d: 그림자의 퍼짐도(spread)
  • e: 그림자 색

• float로 셋팅한 요소를 div로 묶어 해당 div에 overflow:hidden;을 셋팅해주면 요소가 겹치는 문제를 해결할 수 있다.

  <section>
    <h2>EXPERIENCE</h2>
    <div class="float-wrap">
      <p class="title-text">회사</p>
      <p class="year-text">2020.01. - 2023.11.</p>
    </div>
    <p class="desc-text">Web Survey Developer</p>
  </section>
  

    .title-text {
      font-size: 11px;
      font-weight: bold;
      color: #282828;
      float:left;
  }
  
  .year-text {
      font-size: 11px;
      font-weight: bold;
      color: #282828;
      float: right;
  }
  
  .float-wrap {
      overflow: hidden;
  }

  
  
  
  

※ 출처 : 멋쟁이사자 앱스쿨 2기, 소프트캠퍼스