본문 바로가기
  • Build Up Routine

Basic59

멀티캠퍼스 AI플랫폼을 활용한 웹서비스 개발 - 4일차. 📢 수업 4일차 금일은 2일동안 깃 특강으로 시작되었다. 깃은 클론코딩을 통해 한번만 사용한것이 끝이라서 개념에대한 공부나 지식이 많이 부족한 편이였는데 깃에대해 전체적으로 내용을 이해하고 공부할 수 있었다. 항상 궁금했던 내용인데 수업 초기에 들을수 있어 다양하게 활용할 수 있는 방법을 생각해 볼 수 있을것 같다. git설치 vs코드설치, typora설치 진행. 개발자들은 .md를 통해 문서를 관리한다. 나도 습관하를 위해 이제는 TIL은 블로그작성이 아닌 Typora를통해 작성 해보아야 겠다. 📌 수업 정리 내용 💡 GIT의 프로젝트 관리. 깃은 버전관리프로그램으로서 레포트 일련의 과정들의 수정사항들을 추적해주고 정리를 자동으로 해주는 프로그램임. 버전관리프로그램을 쓴는 이유는 백업, 복구, 협업을 .. 2022. 4. 7.
멀티캠퍼스 AI플랫폼을 활용한 웹서비스 개발 - 3일차. 📢 수업 3일차 전체적으로 기본적인 자바 프로그래밍 실행 과정과 기초적인 것부터 디테일하게 설명하면서 강의가 진행되었다. 처음에는 지루해서 집중이 되진 않았지만 3일차부터 어느정도 강의에 적응이 되었는지 조금씩 집중하는 시간도 길어지고 기초적인 부분이 부족한것도 동시 많이 느껴 집중도가 높은 강의가 되었다. 📌 수업 정리 내용 💡 자바 프로그래밍 실행 과정. package day03; public class P90 { public static void main(String[] args) { // Primitive type int a = 10; int b = 10; int c = a + b ; // Reference type String s = "ABC"; System.out.println(s); Syst.. 2022. 4. 6.
멀티캠퍼스 AI플랫폼을 활용한 웹서비스 개발 - 2일차. 📢 수업 2일차 전체적으로 기본적인 내용들을 흝어보고 지나갔다. 아직은 2일차고 대부분이 나와같은 비전공자이기 때문에 기본적인 내용들을 나름 상세하게 다루어서 강의는 진행되었다. 다만 아쉬운점은 무언가 속도가 느린점이다. 클론코딩과 코딩할 수 있는 실질적인 강의만 보다 나름 이론적인 강의를 시작되니 낯설고 집중이 전체적으로 안된것 같다. 혹은 비대면으로 강의가 진행되어서 그런것 일수도 있을것 같다. 그래도 전체적으로 컴퓨터 소프트웨어에대한 지식이 없는 나에게 공부 할 수 있는 기회가 되어 좋은 기회가 되었다. 많은 클래스와 패키지를 만들다보니 이클립스와도 친해지는 느낌이다. 📌 수업 정리 내용 💡 변수(Variable) 변수란, 하나의 값을 저장할 수 있는 메모리 공간. primitive type(기본형.. 2022. 4. 5.
멀티캠퍼스 AI플랫폼을 활용한 웹서비스 개발 1일차. 📢수업 1일차 ` 주 5일 온/오프라인 병행하여 진행 예정임. (코로나 상황에따라 달라짐) ✏ part1 : 자바기초 ✏ part2 : 백앤드 ✏ part3 : 프론트엔드 ✏ part4 : 세미프로젝트&프로젝트 Databas(Oracle기반) WEB Server(java 기반 Spring)-Web Server Application Browser(HTML5 & CSS & JavaScript & JQuery & Ajax) 자바 -> 오라클 -> 웹클라이언트->Spring 순으로 공부예정임. 📌수업 정리 내용 JDK 8이후 버전은 라이센스가 되어있기 때문에 설치는 무료이나 유로로 사용해야함. 그래서 8버전으로 다시 설치. 프로그래밍 언어란 사람과 컴퓨터의 대화를 할 수 있도록 만든 환경. 고급언어와 저급언어로.. 2022. 4. 4.
노마드코더__바닐라 JS로 크롭웹만들기 수업노트 #2 - 자바스크립트로 HTML가져오기. getElementsByClassName() : 많은 element를 가져올때 씀(array를 반환) -getElementsByTagName() : name을 할당할 수 있음(array를 반환) -querySelector(“div.hello.h1”) : element를 CSS selector방식으로 검색할 수 있다. 첫번째의 element를 return해줌 ⇒ hello란 class 내부에 있는 h1을 가지고 올 수 있다(id도 가능함) -querySelectorAll(“div.hello.h1”) : 모든 element를 가져 온다. ⇒ h1이 들어있는 array를 가져다 줌 2022. 3. 31.
노마드코더__바닐라 JS로 크롭웹만들기 수업노트 #1 - 변수와 return. 자바스크립트에서 변수(variable) JS(Java Script)에서는 변수는 3가지가 있다. const 재선언 금지, 재할당 금지 let 재선언 금지, 재할당 가능 var 재선언 가능,, 재할당 가능 코드를 작성하면 아래와 같다. const a = b; const a = c; //재선언 금지 const a = b; a = c; //재할당 금지 let a = b; let a = c; //재선언 금지 let a = b; a = c; //재할당은 가능 var a = b; var a = c; a = d; //재선언, 재할당 가능 const는 한번 변수를 선언하면 변수의 수정이 아예 불가능하다. 변수의 내용을 바꿀수도 이미정한 변수를 다시 선언 할 수 도 없다. 언어를 통해 보호받을 수 있으나 업데이트를 하지.. 2022. 3. 30.
생활코딩 JAVA1 수업노트 리뷰#9 _제어문.(boolean, 조건문, 반복문) boolean boolean은 참과 거짓을 표현하는 데이터 타입이다. boolean 자체로는 큰 효용이 없지만, 뒤에서 반복문, 조건문과 만나면 폭발적인 효과를 내는 위대한 개념입니다. public class booleanApp { public static void main(String[] args) { System.out.println("One"); // one 출력 System.out.println(1); // 1출력 System.out.println(true); //true 출력 System.out.println(false); // false 출력 String foo = "Hello World"; //번수선언 System.out.println(foo.contains("World")); //true출.. 2022. 3. 25.
노마드코더 코코아톡 클론코딩 HTML&CSS 수업리뷰#3- Learning CSS 2 flex box lnline-block은 반응형디자인을 적용하지않아 웹크기에따라 크기(좌우폭)가 정해진다. 이런 문제를 해결하기위해 flex box란 개념이 도입되었다, flexbox 3가지 규칙 1, 자식 엘리먼트에는 어떤 것도 적지 말아야한다. 부모 엘리먼트에만 작성해야한다. 2. 주축X(main axis),교차축Y(cross axis) justify-content ->주축X의 정렬을 해준다. align-items -> 교차축Y의 정렬을 해준다. flex-direction : column; -> 주축과 교차축을 바꾸어준다.(default값은 row) flex-wrap -> 화면을 줄였을때 값을 바꾸어준다. vh와 px px : px값의 고정치를 부여. vh : 화면 비의 크기를 부여 Position .. 2022. 3. 23.
노마드코더 코코아톡 클론코딩 HTML&CSS 수업리뷰#3- Learning CSS 1.1 CSS적용하는 방법 2가지. 같은 HTML파일에 HTML코드와 CSS코드를 놓는다. CSS와 HTML을 분리하는 바법 CSS코드 HTML태그를 가르키는 일을 한다. =selctor Cascading style code => 폭포처럼 위에서 아래로 순차적으로 프로그램이 돈다. 같은 명령일경우 마지막 명령을 따른다. head태그 안에서 작성하며, 태그로 적용가능하다. display(box) : block 과 inline blcok -> 옆에 올수 없는 태그들 : div, p / 높이와 너비가 있다. inline -> 옆에 올수 있는 태그들 :span,a,img / 높이와 너비가 없다. HTML은 모두 box요소를 뛰며 block형과 inline형으로 나누어진다. box의 3가지특성 margin : 박스경계의.. 2022. 3. 23.