본문 바로가기

전체 글

KOSTA 가산 교육장 후기 수강한지 두 달 조금 넘은 KOSTA가산 교육장 후기!  개발자로 진로변경을 결정하고 KOSTA가산교육장의 '웹 애플리케이션 FULL-STACK 개발자' 과정을 신청했습니다.약 5개월간의 과정으로 프론트엔드와 백엔드를 배워서 파이널 프로젝트를 진행하는 과정입니다. 풀스택 과정인 만큼 HTML부터 CSS, Java Script, JAVA, Git, My SQL, 스프링프레임 워크까지 기초를 다질 수 있어서 좋은 것 같아요. 강사님께서 꼼꼼하게 설명 해주셔서 비전공자도 따라가기 어렵지않고 경험도 풍부하셔서 찰떡같은 예시와 함께 알려주시니 이해가 잘 됩니다!연구원님들이 알뜰살뜰 잘 챙겨주시고 학원 분위기도 좋아서 즐겁게 다니고 있습니다.  위치: 독산역과 가산디지털단지 중간에 있는 호서대벤처타워 9층. 독산역.. 더보기
8.자바스크립트 프로젝트 https://pensive-kowalevski-fdf325.netlify.app/ Final Project address Samseong-ro, Gangnam-gu, Seoul, Republic of Korea pensive-kowalevski-fdf325.netlify.app 헤더 메인 섹션 -about me -What i do ~~ 아이콘 폰트 사용 외부 스타일 시트 방법 1. 프로젝트 폴더 2.index.html 파일 3. 외부에 style.css 파일 4. 외부에 javascript 파일 5. images 폴더 생성 (다른 폴더 사진 ./) 1.HTML 코드 작성하기 header 태그 nav 태그 ul li태그 2. CSS 작성하기 /* header.css */ *{ margin:0; paddi.. 더보기
7. javascript 클래스 고급기능(private, getter setter, Static, 오버라이드, toString) 나: 인스턴스 사람: 클래스 (작성양식: 클래스. 작성내용:매개변수) 동물: 추상클래스 매개변수: 클래스는 변하지않음. 매개변수가 각 객체를 다르게 만듦. 생성자: C는 절차지향. 압도적으로 효율적인 코드가 필요할 때 (ex. 달탐사) -객체지향패러다임. 객체지향패러다임: 객체지향 프로그래밍 객체를 만들고 객체들의 상호작용을 중심으로 개발하는 방법론 -추상화(필요한 요소만을 사용해서 객체를 표현하는 것을 의미) 복잡한 자료 모듈 시스템 등으로부터 핵심적인 개념을 간추려내는것 -인스턴스:클래스를 기반으로 만든 객체 생성자(constructor): 안쓰면 기본임 클래스를 기반으로 인스턴스를 생성할 때 처음으로 호출되는 메소드 속성을 추가하는 등 객체의 초기화 처리 +메소드: 함수로 추가한다. 클래스 선언하기.. 더보기
6. javascript 6 (예외처리, Class) Chapter 8 예외처리 Chapter 9 Class DOCTYPE html> Document 할 일 목록 추가하기 //2. 어떤 객체를 만들건지 생성해야함 document.addEventListener('DOMContentLoaded',()=>{ const input=document.querySelector('#todo') const todoList=document.querySelector('#todo-list') const addButton=document.querySelector('#add-button') //변수를 선언합니다. let keyCount=0 //추가하기 누르면 만들기 const addTodo=()=>{ //빈칸일때 추가하기 누르면 경고창뜨게 만들기 if(input.value.trim.. 더보기
5. javascript 5 실행안될떄 괄호잘 닫혔는지확인 확인 오타확인 , . 구분 확인 chapter 07. 문서 객체 모델 section7-1 문서객체 조작하기 section7-2 이벤트 활용 DOMContentLoaded 이벤트를 사용한 문서 객체 조작과 다양한 이벤트의 사용 방법 이해 section07-1 문서객체 조작하기 문서객체모델(dom: document object model) 자바스크립트를 이용하여 웹 문서에 접근하고 제어할 수 있도록 객체를 사용해 문서를 체계적으로 정리하는 방법 DOM Tree DOM트리 : 부모와 자식 구조로 표시 트리에서 갈라져 나가 항목을 노드라고 하며, html 노드를 루트 노드라고 한다. DOM 구성 기본원칙 모든 HTML 태그는 요소(element) 노드입니다. HTML 태그에서 사용.. 더보기
4. javascript4 [배열]{객체}(메서드) 6-1 객체 (object) 객체는 여러 속성을 하나의 변수에 저장하는 데이터타입. 배열은 요소에 접근할 때 인덱스를 사용하지만, 객체는 키(key)를 사용 객체는 중괄호{...}로 생성하며, 다음과 같은 형태의 자료를 쉼표(,)로 연결해서 입력 키 : 값 접근방법 1. 대괄호 사용[] ex> product['제품명'] 2. 온점. 사용 ex> product.제품명 (띄어쓰기 있으면 대괄호 써야함) DOCTYPE html> Document //변수를 선언합니다. const pet={ name: '구름', //name은 key , 구름은 속성값 eat:function(food){ //eat 은 key, function은 속성값. 속성값이 함수로 들어가면 메소드임. alert(thi.. 더보기
3. javascript3 1. 콜백함수 자바스크립트는 함수도 하나의 자료형이므로 매개변수로 전달할 수 있는데, 이렇게 매개변수로 전달하는 함수를 콜백(callback)함수 https://inpa.tistory.com/entry/JS-%F0%9F%93%9A-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EC%BD%9C%EB%B0%B1-%ED%95%A8%EC%88%98 콜백(Callback) 함수는 간단히 말하면 매개변수로 함수 객체를 전달해서 호출 함수 내에서 매개변수 함수를 실행하는 것을 말한다 1-1. 콜백함수를 활용하는 함수 : for Each() forEach()메소드는 배열이 갖고있는 함수(메소드)로써 단순하게 배열 내부의 요소를 사용해서 콜백함수를 호출 functio.. 더보기
프로그래머스1 1. 소수점 없애기 Math.floor Math.floor()는 소수점을 내림한다. ex) Math.floor(23.3) = 23, Math.floor(-23.3) = -24가 된다. 음수인 경우도 생각해서 소수점을 이하 수를 없애고 싶을때는 Math.trunc를 사용하는 것이 좋다. 2. num1=num2면 1, 아니면 -1 출력 function solution(num1, num2) { var answer = num1 === num2 ? 1 : -1; return answer; } function solution(num1, num2) { return num1===num2?1:-1; } function solution(num1, num2) { return ((num1 == num2)-0.5)*2; } 3.. 더보기