천천히 성장하기

* 생각 시작하기AR 환경에서 3D 캐릭터를 통해 챗봇서비스 시행. 캐릭터가 주변 사물을 인식하고 행동한다. 처음 데이터 학습은 교과서로 시작하는 학습챗봇 서비스 TV를 통해 학습 진행필요한 내용 검색을 통해 추가 학습 진향 ** 챗봇 서비스 개발(Copilot 문의)You 챗봇 서비스 개발하기Copilot 챗봇 개발, 멋지네요! 챗봇을 개발하려면 몇 가지 주요 단계가 필요해요: 1. 목적 설정: 챗봇이 어떤 기능을 수행할지, 어떤 문제를 해결할지를 명확히 정의해요. 2. 플랫폼 선택: 어디에서 챗봇을 사용할지 결정해요. 예를 들어, 웹사이트, 모바일 앱, 소셜 미디어, 고객 지원 등. 3. 개발 도구 및 기술 선택: Python, JavaScript, Node.js 같은 프로그래밍 언어와, Dialog..

eidt > preference interface>Resolution Scale : check / line-width : 패널간 간격 theme > presets : 화면모드 keyup(단축키) = R+click -.> Ctrl+A > assign tool file > defaults > save startup file : 사용자설정 / load factory setting : 디폴트 설정 viewport > display > gizmosize add-on > bool tool : 개체결합(합, 차, 교집합) / align tool / archimesh 추가 system > memory & libraries > undo setps 설정 file paths > assset libraries(*) 펼침버튼(..

html>                 class="box1">          class="box2">          class="box3 height100">

text

1. 기능 : 레이아웃을 똑같이 유지하도록 자동 재정렬할 때 이용 2. flex box 구성 요소 : flex container + flex item 3. 예제 브라우저 창의 크기를 조정하십시오. "flex-wrap : nowrap;"이있는 컨테이너 그 아이템을 포장하지 않습니다. 참고 : Flexbox는 Internet Explorer 10 이전 버전에서는 지원되지 않습니다. 4. comment : .flex-container{ display: flex; } 하면 자식요소들(items)은 수평 축으로 자동정렬. flex-direction: column; 이 추가되면 items 수직정렬로 바뀜. 5. flex box 속성들 * 참고: tcpschool.com, w3schools.com

The display Property 1. Block-level Elements 블록은 항상 새 줄에서 시작하여 사용 가능한 전체 너비를 차지합니다 (가능한 한 왼쪽과 오른쪽으로 확장) 1.1. 블록이 기본값으로 적용되는 태그 - 2. Inline Elements 인라인은 새 줄에서 시작되지 않으며 필요한만큼만 폭을 차지합니다. 2.1 인라인이 기본값으로 적용되는 태그 3. Display: none; 일반적으로 JavaScript와 함께 사용하여 요소를 삭제하거나 다시 만들지 않고 요소를 숨기고 표시합니다. 가 기본적으로 diplay: none; 입니다. 4. Hide an Element - display:none or visibility:hidden? display 속성을 none으로 설정하여 요소를 ..

Table Borders - CSS에서 표 테두리를 지정하려면 border 속성을 사용 table, th, td { border: 1px solid black; } Collapse Table Borders - 테이블 테두리를 단일 테두리로 축소할지 여부를 설정 table { border-collapse: collapse; } Hoverable Table - 마우스를 올렸을때 테이블 행렬을 강조할때 사용 tr:hover {background-color: #f5f5f5;} Striped Tables - 줄무늬 테이블 생성, nth-child() 선택기를 사용해 테이블 행에 배경색 지정 tr:nth-child(even) {background-color: #f2f2f2;} Responsive Table - ov..

list-style-type - 목표 표시 아이템 모양 스타일 지정 ex) ul.a { list-style-type: circle; } ul.b { list-style-type: square; } ol.c { list-style-type: upper-roman; } ol.d { list-style-type: lower-alpha; } list-style-image ul { list-style-image: url('sqpurple.gif'); } list-style-position ul.a { list-style-position: outside; } ul.b { list-style-position: inside; }

링크의 4가지 상태 : a : link-방문하지 않은 일반 링크 a : visited-사용자가 방문한 링크 a : hover-사용자가 마우스를 가져갈 때의 링크 a : active-클릭 순간의 링크 링크 스타일링 - CSS 속성들을 가지고 링크의 스타일을 지정할 수 있다. 사용 예제 1) Text Decoration - 링크에서 밑줄을 제거하는데 주로 사용 ex) a: hover{ text-decoration : underline;} 2) Background color - 링크 content의 배경색 지정에 사용 ex) a: link { background-color : yellow;} 3) Link Buttons ex) a:link, a:visited { background-color: #f44336;..

font-family font-size font-style font-variant property values - normal, small-caps, initial, inherit font-weight