대구 ai 스쿨

자바스크립트의 기본 개념과 데이터 타입, 함수에 대해 학습하였습니다. 개발자 도구를 통한 간단한 자바의 기능(단순계산, 메시지, 태그셀렉트 등등)을 사용해 보고 배운 것을 토대로 기존의 홈페이지에 night mode와 day mode를 추가하였습니다!https&#x3A

기본적인 조건문인 if문과 배열과 반복문을 학습하고 각종 비교 연산자(===,<,> 등)을 이용해 어제 만든 night, day버튼을 하나로 통합하여 작동하게 만들었습니다! 기본적으로 대학에서 c++를 배웠기 때문에 어려움은 없었습니다!강사님이 주시는 소소한 팁과

조건문과 반복문을 복습하면서 간단하게 범위를 한정하는 코드를 작성하여 보고 함수의 개념과 작성방법을 사용하여 중복되는 홈페이지에 사용되는 코드들을 간결하게 만들어 가독성과 유지보수가 쉽게 만들었습니다. 그리고 객체지향에 대한 정의에 대해 간단히 정리 하였습니다.http

파이썬을 설치하여 기본적인 사칙연산과 함수를 사용하여 자바스크립트에서 사용한 기능을 비교하여 보고 디버깅을 통해 코드 하나하나 오류를 살펴볼 수있는 방법을 배웠습니다. 그리고 이미 사람들이 만들어 놓은 플렛폼을 사용하는 방법도 알아보았습니다. 또 과제로 입력을 통해 간

제어문(조건문, 반복문)을 사용하여 js와 비교하면서 사용해보고 아이디와 비밀번호를 입력받아 확인할 수있는 코드를 if문을 사용해 작성해 보았습니다. 그리고 2차원 배열을 통해 반복문을 만들어 보았는데 생각보다 헷갈려서 이해하는데 시간이 걸렸습니다. 하지만 하나하나 뜯

glitch에서 웹서버를 열어서 flask를 사용해 입력을 받는 텍스트박스를 만들어 보았습니다. routing과 함수을 정의하여 중복을 막는 코드 사용을 배우고 사용해 보았습니다. 마지막부분에 오류가 나서 404 not found가 떴었는데 도저히 틀린 부분을 찾을 수

학습내용머신러닝의 기본적인 내용과 회귀(regression)분석 등을 이용해 데이터를 분석하여 쉽게 보여주는 orange 프로그램을 가지고 여러 분석 기능을 이용하여 보았습니다.어려웠던 점해결방법학습소감복잡한 자료를 이렇게 빠르고 간단하게 보여줄 수 있는 프로그램을 처

딥러닝의 역사 및 기본 정보(프레임워크 : tensorflow, keras, pytorch, onnx(공통호환)) 인간의 신경세포를 모사 이미지를 인식(중국 음식)하여 구분하는 머신 러닝 azure을 python으로 호출해서 사용 웹의 기본 방식(get(길이제약, 보안

azure에서 제공하는 vision AI를 이용해 대구 시내의 사진에서 물체를 인식하고 표시(computer vision) json,xml,csv = 정보를 표현하는 방식, 파싱 안면인식(face detection) 그림으로 된 텍스트 인식 goorm

Numpy 배열(빠르고 쉽다) {데이터 하나 = 스칼라n차원 배열 방향 = 벡터슬라이싱wind quality 데이터를 이용한 기초 통계 분석}pandas 데이터를 다루는 패키지{데이터 구조인 Series(1차원), DataFrame(2차원)Numpy기반 타사 라이브러리

데이터의 시각화 matplotlib.pyplot 색상, 점선, 좌표 조정, 그래프는 png 사진은 jpg scikit-lean 머신러닝 라이브러리{ 일관되고 간결한 api 문서화 잘됨 파이썬 클래스 넘파이 }

data preprocessing (데이터 전처리)DATA를 분석하기 용이하게 고치는 모든 작업결측치:중요 데이터 빠짐데이터 오류 : 잘못된 데이터 입력이상치 : 일반적 범위 벗어남데이터 형식 : 분석하기 적합x범주형 데이터 : 다른 형태로 되어있다.scaling(변수

mglearn 테스트에 쓸 데이터 생성해줌

제약normalization(일반화) : 데이터에 scale 조정Regularization(정규화) : predict function 복잡도 조정 작업lasso L1 강하게 걸면 특성이 0에 가까워짐 = 선형과 같아짐ridge L2 전반적 제약, 특성이 작게나마 남아있

서포트 백터 머신(svm) : 마진(C) 패턴 인식, 자료 분석을 위한 지도 학습 모델이며, 주로 분류와 회귀 분석을 위해 사용한다.완전 연결 계층 : 모든 노드들이 서로 연결됨 (Dense Layer)신경망의 활용 : 회귀, 분류딥러닝을 위한 수학 { 일차함수, 이차

softmax :0,1,2,3,4,5 ... 이진 분류 예제 : IMDB 데이터셋 (영화 리뷰) , vectorize sequence(문자를 숫자매트릭스화) sigmoid : 0 or 합성곱 신경망(convolved network) : 사소한 변화 무시(max pool

이미지 분석 (고양이 vs 개)conv2D -> Max pooling -> conv2D -> Max pooling -> conv2D -> Max pooling -> flatten -> dense layerazure 가상머신

Azure cloud 클라우드 이유 : 고가용성, 재해복구, 확장성, 보안성, 탄력성 ,글로벌 분산 ,유용한 예산 운용capex vs opex : 자본 지출 : 물리적 인프라 구매(소모품)운영 지출 : 서비스(사용량에 따라 지불)

nft, azure AD(active directory), azure IaaS

docker

html 오디오 비디오 삽입테이블 작성

1) 학습한 내용 반응형 웹 : 모바일과 데스크탑에서 포맷에 맞는 css작성법 사실적 -> 단순한 아이콘, 평면적임과 색을 여러가지 사용하는 것이 유행이다. 참고사이트 https://mediaqueri.es/ https://flatuicolors.com/ https:/

1.그리드 레이아웃 디자인 가변 그리드 레이아웃 \->너비 값 고정 후 백분율과 같은 가변 값으로 지정 float 속성 flex box layout css 그리드 레이아웃 \-> 2차원 배치(수평/수직으로 몇 개의 박스를 얼마의 크기로 배치할 지)2.원페이지 사이트

1) 학습한 내용 고양이 카페 페이지 만들기 2) 학습내용 중 어려웠던 점 X 3) 해결방법 X 4) 학습소감 css에 있는 기능으로 점선이나 빗선 그리고 radious로 모양을 만들어서 완성시키는 것이 간단하면서도 예쁘게 만들 수 있는 게 좋았습니다. 평소에 보

1)학습한 내용 고양이 블로그 페이지 aside 작성 CSS html emmit 참고 사이트 : https://dosc.emmet.io/cheat-sheet/ calc 함수, 커스텀 속성(변수 선언) ![](https://velog.velcdn.com/images/

부트스트랩 - 간편하게 만들어진 스타일 적용 가능 + 커스터마이징예시) class 컨테이너의 화면의 크기에 따라 구분되어 있는 class이름들을 사용해 원하는 화면에 맞게 반응형 웹 컨텐츠 제작 가능예시2) 원하는 컴포넌트를 골라 코드를 참고하여 가져올 수 있다!참고

부트스트랩 익히기부트스트랩을 이용해 간단하지만 그럴듯한 페이지를 제작했습니다.PC버전 모바일 버전 (5번째 섹션 없어짐 및 다른 섹션 세로 정렬)XX부트스트랩을 통하여 class에서 추가하는 것 만으로도 css를 따로 정할 필요없이 표현할 수 있어서 편리했습니다.

닷홈 호스팅웹 서버 운영 및 구축, 호스팅 준비하기웹 서버에서 인터넷을 통해 우리가 일상에서 볼 수 있는 홈페이지를 접속 할 수 있다.웹 서버 운영에 필요한 3가지웹 서버를 구축(서비스)하는 방법은 두가지가 있다.1\. 직접 자신의 컴퓨터로 구축2\. 웹 서버 공간 임

프론트 : 너무 변화가 잦다

if(조건문){ 실행문1}실행문2조건문이 true면 실행문1 실행, false면 실행문2 실행2중 if문if(조건문1){ if(조건문2){ 실행문1 }else{ 실행문2 } }else{ if(조건문3){ 실행문3 }else{ 실행

배열 : 여러 자료들 묶어서 활용할 수 있는 자료들요소(엘리먼트 element) : 배열이나 문자열, 숫자 모두 가능예)const array1 = \[273, "문자열", true, 27,35, {}, "fun"]array11+1 = truearray11\*2 = tr

이중반복문을 통해 도형을 출력하는 방법으로 삼각형을 찍어보았습니다. 그리고 함수의 개념과 함수의 중요성 유용성을 배움으로서 개발에 꼭 필요한 기능인 것을 알았습니다.1\. 다중 for문을 사용하여 아래와 같은 모양을 출력 하세요.다중 for문을 사용하여 아래와 같은 모

함수(function)실습 :구구단/몇단인지 입력을 받으면 1단부터 전부 출력받는 구구단결과값 :XX구구단을 찍어보고 별로 도형을 찍는 것을 연습으로 반복문에 익숙해지는 과정을 가졌습니다. 완벽하진 않더라도 어느정도 머리속으로 이렇게 하면 되겠다! 라는 것이 정리 되었

1)학습한 내용 이벤트와 객체 이벤트란 웹 브라우저나 사용자가 행하는 동작(사건)이 일어남에 따라 실행되는 것, 웹 문서 영역을 벗어나는 동작은 이벤트가 아니다.(body 영역) 이벤트 처리기 이벤트가 발생했을 때 어떤 함수를 실행할지 알려줌 예) on + clic

배열에 활용하는 많은 속성과 함수가 미리 정의되어 있는 객체concat( ) 함수기존의 배열에 또 다른 배열이나 값을 합쳐서 새로운 배열을 만드는 함수 새로운 배열을 만들기 때문에 기존의 배열에는 영향 Xjoin( ) 함수지정한 구분 기호를 사용해 배열 요소 연결구분

1)학습한 내용2) 학습내용 중 어려웠던 점X3) 해결방법X4) 학습소감

1)학습한 내용 캐러셀 웹 사이트 작성하기 2) 학습내용 중 어려웠던 점 X 3) 해결방법 X 4) 학습소감

jQuery는,모든 브라우저에서 실행되는 클라이언트 프로그래밍 언어 이며 2006년 존 레식이 뉴욕 시 바 캠프에서 공식적으로 소개하였다.(취미로 만들었다고 한다..) 간략, 강력하게 사용할 수 있도록 설계했고 가장 인기있는 JavaScript 라이브러리이다.jQuer

1)학습한 내용2) 학습내용 중 어려웠던 점X3) 해결방법X4) 학습소감

Form 태그 선택자:text : type 속성이 text인 input 태그를 선택:password : type 속성이 password인 input 태그를 선택:radio : type 속성이 radio인 input 태그를 선택:checkbox : type 속성이 sub

jQuery는 선택자로 선택된 태그를 사라지게 하거나 나타나게 할 수 있다.hide : 선택된 태그를 사라지게 함show : 선택된 태그를 나타나게 함toggle : 사라지거나 나타나는 상태를 전환hide(시간), show(시간), toggle(시간) : 지정된 시간

가장 많이 사용하는 프런트엔드 프레임워크 중 하나이다.리액트(react), 앵귤러(angular), 뷰제이에스(vue.js)리액트 장점1.페이스북 개발에 사용한 기술2.공개 소프트웨어3.화면 출력에 특화된 프레임워크4.컴포넌트를 조립하여 화면 구성5.게임 엔진 원리를

복습 : 리엑트(필요한 기능을 component를 사용해 구성한다.)부분적 수정 중심일반적인 프로그래밍 언어처럼 변수 지정 후 값을 증가시키는 함수가 작동하지 않는다.함수 usestate(state = 동적인 값)를 이용하여 작동스토리북(Storybook) : UI컴포

실습 : 버튼을 사용해 한글이면 영어로 영어면 한글로 바꾸는 코드 Button.jsLangContext.jsMessage.jsTitle.jsApp.js실행 결과 :실습2AddNumber.jsxAddNumberRoot.jsxDisplayNumber.jsxDisplayNu

JavaScript 상태 관리 라이브러리이며 Node.js모듈이다.상태관리란?React에서State는component 안에서 관리되는 것상태관리의 필요성\-자식 컴포넌트들 간의 다이렉트 데이터 전달은 불가능\-자식 컴포넌트들 간의 데이터를 주고 받을 때는 상태를 관리하

날씨 정보 api 가져오기https://openweathermap.org/api현재 위치 가져오기https://www.w3schools.com/html/html5_geolocation.asp비동기 방식잡업(task)들이 순차적으로 이루어지지 않음다른

Resoft 홈페이지를 6명의 팀원들과 함께 클론 코딩을 해보았습니다.받은 이미지 파일과 홈페이지를 보면서 html과 css를 작성 하였습니다.WOW 플러그인을 사용하여 fade효과를 주었습니다.XX처음으로 프로젝트를 맡게 되어서 떨렸지만 좋은 팀원들과 분담을 하여 생

1)학습한 내용 팀프로젝트 팀원들과의 소통을 통해 Resoft 홈페이지 클론 코딩을 하였습니다. 홈페이지 속 고객사리스트 파트에 있는 리스트에 적용되는 script 코드와 주석을 작성하여 설명해 보았습니다. * 가로가 1217px 이상일 경우* 가로가 940이하 일

코드 통합 및 기타 세부 조정, 웹호스팅파트별로 작업한 코드들을 합쳐서 작동이 되는 지 확인을 하고 중복되는 부분이나 필요없는 부분등을 제거하는 시간을 가졌습니다. 그리고나서 github를 통해 개인 호스팅을 하여 업로드 하였습니다.통합 코드 htmlCSS그 외에도 플

멘토링과 세부사항 수정 및 스크립트 파일 합치기개발자 창에서 나오는 에러를 가장 먼저 다 제거한다.\->오동작하는 스크립트들을 콘솔창에 직접 넣어서 움직이는 시퀀스들을 테스트해보는게 좋다자바스크립트는 하나의 파일로 빼는 걸 추천.그 후에 미세조정은 각각 본인들이 세부적

1)학습한 내용가이드 라인 작성프로젝트를 통해 요구하는 화면과 기능상단 메뉴바 (메인화면) : 마우스를 올렸을 때 펼쳐지는 기능회사소개화면 (소개글, 연혁, 조직도, 오시는길) , 사업현황화면 (프로젝트), 정보마당화면 (공지사항, FAQ)================

1)학습한 내용멘토링을 통해 사이트의 오류를 제거하는 과정을 가졌습니다.그리고 세부적인 css를 수정하여 보다 페이지와 유사하게 수정하였습니다.본 페이지 :업로드중..수정 전 :업로드중..resoft 로고와 밑에 있는 텍스트 위치텍스트의 색 white -> 뇌 모양 이

홈페이지 내 세부수정 및 텍스트문서로 체크리스트 만들기XX금요일 마감으로 거의 모든 것을 마무리하는 단계로 이제 또 새로운 프로젝트를 할 생각을 하니 기대가 됩니다!

다음주부터 구현할 팀프로젝트의 드롭다운 메뉴바를 구현하여 보았습니다.원래는 hover 시가 아니라 오른쪽 상단의 버튼으로 클릭으로 작동하는데 아직 구현을 하지 못하였습니다.참고한 영상 : https://www.youtube.com/watch?v=idJbG8v0

ajax 에러 (slick_theme.css)web_bg, AI_tech_develop , XR_contents 파일크기,푸터부분수정테스트시트 작성테스트 문서 체크할 때브라우저 별로 다 작동을 하는지한명 한명 각자 체크해보는 것을 권고한다. (더블 체크, 예외를 발견하

2주일간 만든 웹페이지를 각 조마다 발표를 하며 각자의 에러사항들과 해결방법등을 공유하며 서로 발전하는 시간을 가졌습니다. 기존 사이트 : 실행 결과 : XX처음으로 2주동안 팀원들과 함께 작업을 하고 끝냈습니다. 비록 난도가 높지 않았지만 팀원 간의 소통뿐만 아니라

스크럼 : 데일리 체크XX

개발 내용 : nav바 애니메이션 추가 및 hover시 색상 변경, 회사 소개 부분 중 '특허인증'과 '오시는길' 구현, 폰트 및 간격 수정, 이미지 경로 변경nav바 애니메이션 추가 fadein fadeout 효과로 자연스럽게 생겼다가 사라짐hover시 색상 변경

header와 footer 폭 조절조직도 깨짐 현상 수정연혁 부분 패딩 수정생각대로 레이아웃이 잘 잡히지 않아서 어려웠습니다.한 곳을 고치면 다른 곳이 튀어나오고 이상하게 찌그러졌습니다.열심히 하나하나 바꿔보며 전체족으로 수정하였습니다

1)학습한 내용 조직도 부분 폭 수정 수정 전 수정 후 아이디 추가, 주소 수정 수정 전 수정 후 2) 학습내용 중 어려웠던 점 X 3) 해결방법 X 4) 학습소감

개발 내용 : nav바 fixed 및 세부 위치 수정, 경로 수정조직도 부분 수정중..XX조직도 부분이 생각보다 까다롭다는 것을 계속하면서 느낍니다.

멘토링 중 원래는 조직도 부분을 그림으로 대체 하려고 했더니 멘토님께서 라이브러리가 있다고 하신 것을 바탕으로 찾아보게 되었다. OrgChart : 조직도를 그릴 때 유용한 차트 참고 사이트 : https://ko.wordpress.org/plugins/sim

주요 css사용한 효과찾아보면 뭐든지 나오고 안나오기도 하는 코드들을 보니 원하는 것을 확실하게 찾는 능력이 정말 중요하다고 생각이 들었습니다. 아는 만큼 보이는 듯이 앞으로는 많은 것을 보고 넓혀 좀 더 수월하게 검색을 할 수 있도록 해야겠습니다.

미디어 쿼리 적용CSS 형제 선택자? CSS의 + 및 ~ 기호 사용법 정리mouseover, mouseout$(this) 선택기의 자식을 얻는 방법

전과는 달리 글자가 같이 나오는 것이 아니라 navbar가 내려온 뒤 서서히 나오게 구현을 하면서글자 색과 hover시 색 변경 효과를 넣었습니다.2022 와 2021사이의 선은 :before를 사용해 border-bottom을 만들어 주었습니다.연혁표 자체는 라이브러

querySelector를 이용해 .logo클래스의 img를 가져와서 logo에 지정logo의 src주소를 변경하는 방식으로 이미지를 바꿔보았습니다.참고 사이트 : https://tamagotch.tistory.com/26window객체를 사용해 scroll시

메뉴 버튼을 더블 클릭 할 시 delay를 준 것이 꼬여버려 메뉴가 나오지 않는 에러가 있었습니다.처리 전)그래서 검색을 통해 여러가지 방법을 찾아 보았지만 적용되지 않았고 결국 지금 알고 있는 지식을 사용해 미리 똑같은 메뉴바 이미지를 하나 더 추가해 겹친 후 dis

간단하게 hide와 show를 사용해 구현을 하고 아이콘을 받아서 더보기 버튼을 만들어 구현 하였습니다. 그리고 short버튼을 누를 시 scrolltop을 이용해 위로 다시 스크롤을 올리게 하였습니다.xx지금까지 해온 것을 종합하여 생각대로 짜다보니 어렵지 않게 구현

폭을 줄이면 인증서 개수가 그대로 적용 되며 접기버튼이 작동 되지 않는 문제수정 전 :수정 후 :참고 사이트 : https://injeblog.tistory.com/82파비콘 추가진행을 하면 할 수록 뭔가 눈에 하나씩 보이는 것이 있어 계속 수정해 나가고 있습

다른 팀원이 작성 한 파트와 저의 파트를 합치는 작업을 하였습니다.원하는 부분에 스크롤을 시키려하니 이미지 더보기 등으로 인해 위치 좌표가 바뀌는 바람에 직접 그 영역의 id값으로 이동하게 수정하였습니다.참고사이트 : https://enai.tistory.co

메인 페이지 메뉴바다른 페이지 메뉴바xx마무리작업으로 들어가니 세부적인 것을 다듬을수록 시간이 오래 걸리는 것 같습니다. 한가지를 붙잡고 하다가 일을 못 끝낼 수도 있겠다고 생각이 들었습니다.

압축 전압축 후그 밖에 세세한 미디어 쿼리 및 css 수정xx멘토링을 통해 잊고있거나 신경쓰지 못한 부분을 알아채며 채워나가는 시간을 가짐으로서 '아! 이런 것도 필요하구나'를 느끼고 직접 다시 확인하면서 경험으로 이루어지는 과정이 좋은 것 같습니다!

수정 전수정 후1440px안으로 모든 컨텐츠가 들어가게 하여 화면의 너비가 늘어나도 같이 늘어나지 않게 설정 하였습니다.수정 전수정 후768xp이하 모바일 버전 미디어 쿼리를 완성 하였습니다.최종적으로 이때까지 한 작업물들을 점검하는 작업을 가졌습니다.추가로 구현한 사

페이지에 처음 들어왔을 경우 사진이 로딩되는 중이라서 늦게 나온다.이 경우 로딩이 다 되었을 때 창이 나오도록 로딩창을 추가 하였다.추가 이미지 :xx작업 할 것을 찾아내어서 추가로 수정을 하면서 다시 하나하나 체크하게 됩니다. 보지 못했던 부분도 팀원들이 찾아내어 줌

1. 학습한 내용 이력서 작성 2. 학습내용 중 어려웠던 점 3. 해결방법 4. 학습소감

1. 학습한 내용 2. 학습내용 중 어려웠던 점 3. 해결방법 4. 학습소감

네비바와 컨텐츠의 간격 동일하게 조정네비바 클릭 시 사라지게xx마지막 유종의 미를 거두는 느낌으로 작업을 하였습니다. 오래 걸리지 않았지만 어느덧 프로젝트의 끝을 맺는 것이 뜻깊었던 것 같습니다.

xx