분류 전체보기
[16일차] new 연산자 / prototype / JSON / Math.@
20220810(수) 목차 - new 연산자 - prototype - JSON - Math.@ Heap에 Object를 할당하고 object의 ref 값을 리턴하는 연산자. const a = new Date(); 생성자 : Object를 초기화하는 function 1) 기본 생성자 (default Construction) - parameter X, JS 에선 기본 제공, 자동 호출 2) 비기본 생성자 (Overloaded Construction) - parameter O, 기본 제공이 아닐 수도 있다. const a = new Date(); const today = new Date(); 에서 괄호가 필요한 이유? ➡ 괄호 안에는 초기화할 값을 넣는 것이다! 생성된 객체는 기본생성자(..
[15일차] 객체지향 이론 / 객체형 / Object literal / JS 데이터타입
20220809(화) 목차 - 객체지향 이론 - 객체형 - Object literal - JS 데이터 타입 [과거] 게임 코딩하기 공격 함수/걷는 함수/뛰는 함수/방어 함수/용사 별 공격 함수/몬스터 별 공격 함수/등등 엄청나게 많이 필요함 미친 짓을 했다...! ↓ [현재] 지극히 인간적이게 변한 게임 코딩 칼{공격력/빛남/모양 등} / 용사{공격/걷기/뛰기/방어 등} ➡ 용사{칼/방패/ 등등} 합치자! * 정보공학 구조적 기법 : 패러다임 자체를 바꾸지 않는 한, 게임 코드 같은 것을 실세계에 적용하려면 답이 없다..! 우리가 실제 세계와 컴퓨팅 월드를 일치시킨 것이다. 일치시킨 것이 분리시킨 것보다 훨씬 더 낫다. C++탄생 C언어의 기능을 갖다 쓰되, 기능을 합치는 기능을 만..
[정보처리기사] 2022년도 3회차 필기합격_비전공 문과생
[ 0. 히스토리 ] 나 도로시. 자격증으로부터 동기부여가 되는 사람. 국비지원 수업을 듣기 전, 생활코딩 수업으로 예습하다가 문득 자격증 생각이 났다. 생활코딩이야 짬 내서 더 공부하면 되지만, 1년에 3번밖에 없는 정보처리기사 자격증을,, 필기라도 따놔야 하지 않을까? 란 생각에 덜컥 접수를 해버렸다! 그전까지 생활코딩에 빠져있던 터라, 필기 책을 펼쳐도 1과목만 살짝 보고 다시 덮기 일수였는데, 시험이 코 앞으로 다가오니 아주 쑥쑥 읽혀가는데,,, 1. 공부 방법 비전공 사람들에게 인기가 많았던 '수제비' 교재로 선택! (작년에 사놨던 거라 2021년도 버전이었다.) 비록 마지막 날엔 이렇게 산산조각 나버렸지만 ㅎㅎ 한 과목씩 뿌개면서 단권화를 해가다 보니 눈에 익은 부분은 다 쳐..
[14일차] 콜백함수 (forEach / map / filter) / arrow / time
20220808(월) 목차 - 콜백함수 (forEach / map / filter) - arrow - time sugar_code : 문법적으론 맞진 않는데 사람들이 너무 많이 사용해서 쓰기로 한 코드 Garbage Collection : https://mangkyu.tistory.com/118 [Java] Garbage Collection(가비지 컬렉션)의 개념 및 동작 원리 (1/2) 1. Garbage Collection(가비지 컬렉션)이란? [ Garbage Collection(가비지 컬렉션)이란? ] 프로그램을 개발 하다 보면 유효하지 않은 메모리인 가바지(Garbage)가 발생하게 된다. C언어를 이용하면 free()라는.. mangkyu.tistory.com < 함수를 ..
[연습문제] 적정 체중을 구하는 테스트기 만들기
문제: 적정 체중을 구하는 테스트기 만들기 적정 체중 =(본인 신장 - 100) * 0.9 풀이 결과
[13일차] JS 함수 호출방식 / 가변 파라미터 / 디폴트 파라미터 / 콜백
20220805(금) 목차 - JS 함수 호출 방식 - 가변 파라미터 - 디폴트 파라미터 - 콜백 + 의미 가변적인 파라미터 개수를 처리하기 위한 기법 *로직은 비슷한데 파라미터 개수가 계속 달라질 때 = 1. 함수를 많이 만들어야 할 때, 2. 로직이 거기서 거기일 때 형식 : function function_name(…rest_parameter) { } // 최솟값 구하기 const getMin = function(...ar) // 끝없는 배열ar을 받는다 { // min : 최소값이라고 판단되는 값. let min = ar[0]; for(let i = 1; i ar[i]) {..
[12일차] for 응용 / function 응용 / Debugger
20220804(목) 목차 - 시험 리뷰 - for 응용 - function 응용 - Debugger 1. for 사용해서 국어 성적 합계 및 평균 구하기 // [국어, 영어, 수학] * 6 구조로 배열을 만든다. const score = [[80, 90, 74], [84, 94, 80], [80, 90, 88], [82, 86, 90], [92, 80, 80], [70, 80, 88]]; // 국어 성적 let kor_sum = 0; let kor_avg = 0; for (let i = 0; i // [심화] 함수로 더 해볼까? 배열을 집어넣어서 합계와 평균을 던져줘! const calcScore = function(ar) { let ..
[11일차] 함수 / 임시변수
20220803(수) 목차 - 함수 - 임시 변수 - 시험 함수 통에는 원인이 여러 개가 들어간들, 결과를 하나로 뽑아야 한다. console.log("abc"); 함수 : 호출 (call) ➡ parameter / Argument ➡ return value // 함수 기본식 const 함수명 = function() { } // 함수 호출하기 함수명 (); - 익명 함수 : 함수의 이름이 없음 (확장) // function prototype(함수원형) = 함수를 사용하는데 필요한 모든 정보 const add = function(val1, val2) { let result = val1 + val2; return result; } // 위에 들어가있는 영역과 들어가있지 않은 영역은 완전히 다른영..
[10일차] 반복문 for / while / 제어 break 와 continue
20220802(화) 목차 - 반복문 for - 반복문 while - 제어 break 와 continue if : 범위로 생각함 switch : 범위라고 생각을 안함 / 점으로 표시할 수 있으면 되도록 switch문 사용하기 switch 특징 : 깔끔하고 읽기좋고 readability가 확 늘어난다. 무엇(데이터 / 연산)이 몇번 반복되는지 ex) 구구단의 2단은 2와 *가 9번 반복된다. for(let i = 0; i < 9; i++) // for(초기값, 비교, 증감치) = loop Counter { console.log(i); } // {JS 코드} 2단 출력 1. for 문의 사용법 2. IPO 관점 3. loop Counter..
[연습문제] 세개의 숫자를 입력받아 가장 큰 수 찾기(If, else 사용)
문제 : 세 개의 숫자를 입력받아가장 큰 수 찾기 풀이 : 1. 입력 (1) 세 개의 숫자를 입력받을 수 있는 입력창(prompt)을 3개 생성한다. (2) 입력창에서 받는 값을 숫자형(Number)으로 확정한다. (3) 가장 큰 수를 MAX 값으로 정한다. //세개의 숫자를 입력받아 가장 큰 수를 찾는 코드 // 1) 입력 const input1 = prompt('첫번째 숫자를 입력하세요',''); const input2 = prompt('두번째 숫자를 입력하세요',''); const input3 = prompt('세번째 숫자를 입력하세요',''); const num1 = Number(input1); const num2 = Number(input2); const num3 = Number(input3);..
[9일차] JavaScript Switch / Array
20220801(월) 학습목표 - 분기문, 반복문, 배열 배우기 목차 - % 연산자 - index - ==와 ===차이 - ++a와 a++차이 - if-else 응용 - 선택문 Switch문 - 배열 Array _ 나머지(mod) 연산, 알고리즘에서 많이 사용됨 * 나머지를 구하는 연산자 % 1. x% n이라 했을 때 x에 어떤 값이 오더라도 결과는 n보다 작다. 2. x값이 증가하면 결과는 순환한다. 0 ~ n-1, 다시 0 ~ n-1 3. x < n인 경우 결과는 x이다. 컴퓨터는 나누기를 어떻게 할까? ➡ 컴퓨터는 나누기를 빼기로 구현한다. 더보기 12/3 (12%3 = 0) = 12 - 3 : 1번 뺌 = 9 - 3 : 2번 뺌 = 6 - 3 : 3번 뺌 = 3 - 3 : 4번 뺌 = 0 12/5..
[에러해결] Uncaught SyntaxError: Unexpected token 'else'
상황 else에 뜨는 에러 (Uncaught SyntaxError: Unexpected token 'else') else 바로 윗부분에 세미콜론(;)이 들어가있네요, 이러니 잡히지 않는 에러로 뜨겠죠? 여기저기 찍다보니 헷갈렸나봅니다..(초보개발자에겐 어지러운 부분) 이 세미콜론을 얼른 제거해줍시다! 깔끔~하네요 성공!
[연습문제] JS로 환율계산 창 만들기
Script 1. 환율 설정 2. prompt 입력창 생성 3. 계산식 설정 4. 결괏값 출력 완성
국비지원 2주차 후기
두 달 다닌 것 같은 8일.. 8일 차에 자바스크립트 진도가 확 나가서 정신없었다. 점심을 밖에 나가서 먹고 오니까 포만감에 잠이 쏟아지는 것 같다.. 다시 쉐이크로 돌아와야지! 같은 연습문제를 풀어도 사람마다 왜 다른 코딩을 하는지 그 이유를 알 수 있게 되었다. 코딩의 세계란,, ㅎ 집 와서도 반복하고 또 반복했다. 욕심이 많아서 잠자는 시간도 아까운 것 같다. 체력도 꾸준하게 관리하면서 잘 헤쳐나가자! 연봉 1억 가보자구~
[8일차] 프로그래밍 / Datatype 자료형 / if-else 문
20220729(금) 목차 - 프로그래밍이란? - Datatype 자료형 - JavaScript - 메모리 기계에 뭘 시킨다. 💢 결괏값이 나온다고 해서 좋은 코드가 아냐! : 컴퓨터는 유한성! 분류 (typeof : 얘 데이터 타입이 뭐야? ➡ 출력 값은 'number' 이렇게 따옴표 달린 문자로 나온다. 문자 입력 시 따옴표 없이 넣으면 typeof(abc) ➡ 'undefined'으로 나온다. ) 1) 기본형 : number (정수, 실수) / string (문자) / boolean (참, 거짓) / undefined / null 2) 객체형 : object 데이터 타입(size)을 만드는 방식 (자바스크립트에서 메모리를 할당하는 방식) 1) 미..
[7일차] 함수와 콘솔 / 논리 연산 / JavaScript / let i = 10; 이해
20220728(목) 목차 - 시험 리뷰 - 함수와 콘솔 - 논리 연산 - JavaScript 함수 (function) : 규칙 있는 관계 / 결괏값은 무조건 하나만 나온다! 입력은 여러 개다! (1) 함수는 계산식 (2) x(원인) parameter는 여러 개 가능 (3) y(결과) return value는 무조건 하나 콘솔 : 입출력 - 입력 콘솔 : 키보드 - 출력 콘솔 : 모니터 : 논리 연산 혹은 불 연산은 참, 거짓 두 가지 원소만 존재하는 집합에서의 연산이다. 비트 연산 논리연산자 (목적 : 거짓 or 참 알아내기 ↔ 사칙연산는 숫자를 알아내는 것이 목적) AND && 둘 중에 하나만 False라면 결과는 False다. OR보다 우선 OR || 둘 중에 ..
[6일차] UI 화면 설계 / 프로토타입
20220727(수) 목차 - NCS 교육 - CSS - 시험 NCS 홈페이지 https://www.ncs.go.kr/index.do NCS 국가직무능력표준, NCS 블라인드채용 NCS 메인에서 국가직무능력표준(National Competency Standards) 및 블라인드 채용에 대한 다양한 정보와 유용한 컨텐츠를 만나 보세요 www.ncs.go.kr 요구분석 & 설계 부분 S/W 성장 문제점 1. 개발자 : 개발자별로 능력에 따른 금액 차이가 크다. 결과물은 같지만 코딩내용이 달라서 품질이 떨어짐. ➡ 표준 공정을 도입하자! 2. 비 가시성 : 눈에 보이지 않음 ➡ S/W 품질을 정량적으로 측정(품질 지표) ➡ S/W 가시화 : ISO에서 ISO9126으로 품질지표 생성함 ➡ S..
[5일차] 통신 프로토콜 / CSS 선택자 / 폰트 / 박스모델
20220726(화) 목차 - 통신 프로토콜 - CSS 선택자 - 폰트 - 박스모델 정의 서로 다른 시스템에 존재하는 개체 간의 원활한 통신을 위한 규칙 (Header/Payload) (동기 프로토콜 : 복잡 ↔ 비동기 프로토콜 : 간단) * trade-off 관계 : 다른 측면에서 이득을 얻으면서 집합 또는 디자인의 품질, 양, 속성을 없애거나 잃어버리는 일이 수반되는 상황적 결정이다. 즉, 하나가 증가하면 다른 하나는 무조건 감소한다는 것 통신 프로토콜의 3요소 (1) 구문 (Syntax) : 데이터의 형식, 부호화, 신호 레벨 / 문법적인 정보 (2) 의미 (Semantics) : 제어정보 즉 데이터를 받았을 때 송수신자가 해야 할 행동 (3) 시간 (Timing) : 순서, ..
[4일차] html 기본값 / 정보통신 일반
20220725(월) 목차 - 정보통신 일반 - CSS ✨ 클라우드 개념 알고 있기! https://library.gabia.com/contents/infrahosting/9114/ 가비아 라이브러리 IT 콘텐츠 허브 library.gabia.com 쿠버네티스 https://www.redhat.com/ko/topics/containers/what-is-kubernetes 쿠버네티스(Kubernetes) 개념, 사용 방법, 차이점 쿠버네티스(Kubernetes, k8s)란 리눅스 컨테이너 운영 자동화와 오케스트레이션을 제공하는 툴을 뜻합니다. 설치, 자격증, 클러스터, 도커와의 차이점을 살펴 보세요. www.redhat.com - scale : 배수, 비율 - ..
국비학원 1주차 후기
걱정을 많이 했는데 생각보다는 괜찮았다. 매번 국비교육 들으면서 밤샘이 일상이라는 후기만 들어서 긴장을 많이 했었는데, 초반 부분이라 그런지 미리 공부했던 내용들이 나와서 많은 도움이 되었다. 선생님께서 정말 뿌리부터 차근차근 설명해주셔서 단어/단어로 알고 있던 것들이 하나의 히스토리로 합쳐졌다! 진짜 정신 놓고 있으면 절대 안 됨.. 아! 정처기 필기도 급하게 따놓길 잘했단 생각이 239827번 들었다! 필기 벼락치기라도 하고 왔으니 단어들이 좀 친숙하지, 아니었으면 이질감 느껴지는 단어들이랑 친해지는데 꽤 시간이 걸렸을 것 같다. 다음 주부터는 더 많은 사람들과 안면을 트고 인사하고 다니고, 다음 달부터는 모각코(모여서 각자 코딩) 스터디도 참여해서 코딩하는 일상을 만들어놔야겠다.
[3일차] Interface, HTML(form/select), 2진수, RGB, CSS
20220721(목) 학습목표 1) 입력 인터페이스의 활용 (input/button/textarea/select) 어떤 것들이 있는지 알아보고 활용해보기 2) CSS의 개념, Selector의 개념과 활용 목차 - HTML form의 기능 - 2진수, 16진수 - RGB - CSS 🤷♀️ 단어 공부 하드웨어 Interface ➡ 소프트웨어 Interface ➡ Human & Computer : GUI(UI) - UX - 초개인화 Interface : 접점 ➡ 서로 다른 하드웨어가 연결되어 작동하기 위한 공통적이고 규격화된 하드웨어 스펙 ex) usb(공통된 신호 규약 존재), 고속도로 톨게이트 API (Application Programming Interface) ➡ 고유한 기능을 가진 모든 소프트웨어..
[2일차] HTML(list/table/colspan/rowspan/form/input)
20220720(수) 학습목표 : HTML 완성 / 상위 10개 태그에 대한 학습. 목차 - 면접 연습 - HTML List tag - HTML Table tag 면접 연습 차분하게 대답하는 연습하기 - 못 알아들었을 경우 : 질문 이해 못했습니다. 다시 얘기해달라고 얘기 - 답변을 모르겠는 경우 : 어떻게든 얘기하기 리스트 태그 : 선형구조 List tag Unordered list 순서가 없는 일반적으로 와 같이 쓰임 (종속적인건 X) Ordered list 순서가 있는 일반적으로 와 같이 쓰임 (종속적인건 X) start 속성 사용시엔 뒤에 number만 자리한다! List item들 나열 하이퍼링크 태그 기타 tag Ancher 태그(의미) & 하이퍼링크 제공(기능) 네이버로 이동 The tag ..
[1일차] OT & HTML
20220719 요약 - 마음가짐 - 컴퓨터 언어의 특징 - IDE의 탄생 배경 - (실습) HTML로 Hello 송출하기 - HTML 5 마음가짐 1. 어렵게 가르칠 거다! 잘 쫓아와라 2. 우린 동료다. 3. 외우지 말고 이해하자. 컴퓨터 언어의 특징 자연어 natural language 컴퓨터 언어 1. 논리가 없다 앗 까먹었다~ 헤헤~st 2. 무한성/대강 말함 모래알 수만큼 널 사랑해! 1. 완벽한 문법 ex) int a = 1 문법 int : 42억(4바이트 데이터 영역) 이상의 정수 입력불가 2. 논리적으로도 완벽 순서 a. b. c(a+b)로 와야지 c가 먼저나오면 정의된 a,b값이 없으니 에러남 3. 유한성(숫자에 대해 굉장히 민감함) 1.0 과 1 의 차이 1.0 실수 / 1.0과 5...
[CSS] CSS 강의정리_by생활코딩
CSS? 디자인 언어! CSS를 사용하면 1억개가 있어도 한 번의 수정으로 전체 수정이 가능함 장점) 유지보수 가능, 가독성 높아짐 CSS 삽입하는 2가지 방법 - style 속성을 사용한다 : - style 태그를 사용한다 : style = "color:red" CSS 문법 정리 ex) a{color:red;} - a{} : 선택자 selector (이 웹페이지에 있는 모든 a태그를 선택한다.) - color:red; : 선언, 효과 declaration (선택자가 지정하는 태그들에 줄 효과 선언) - color : 속성 property - red : 값 value 모든 CSS 암기하지 말고 구글링하기~! 선택자 우선순위 태그 < 클래스 < #id id 값은 단 한 번만 등장한다. 묶기 : class=..
[My SQL] MySQL 테이블의 생성과 CRUD_by생활코딩
SQL 접속 후, 어떤 스키마 사용할지 정해야 함 MariaDB [(none)]> USE opentutorials; Database changed MariaDB [opentutorials]> 테이블 생성 틀 (검색 : create table in mysql cheat sheet) CREATE TABLE dorothy( c1 datatype(length) c2 datatype(length) ... PRIMARY KEY(c1)) 엑셀 vs MySQL의 차이 데이터가 엄청 많아지면 사용자들이 기상천외한 데이터를 막 넣음 그 데이터가 반드시 숫자로/문자로 들어와야 한다. 를 강력하게 규제할 수 있음 규제에 벗어나는 데이터 값이 들어오면 거절해서 에러를 뱉어낼 수 있음 ➡ 컬럼에 데이터 타입을 강제할 수 있다. ..
[My SQL] SQL과 테이블 구조_by생활코딩
SQL이란? Structured : 구조화되었다. Query : 데이터베이스에게 데이터를 읽어줘, 넣어줘, 수정해줘, 삭제해줘 등의 요청 Language : 데이터베이스도 나도 이해할 수 있는 공통의 약속에 따라 db서버에 요청할 때 사용하는 언어 SQL의 특징 1. 어떤 컴퓨터 언어보다도 쉽다.(html & sql가 2top) 2. 중요하다. 용어 정리 table, 표 row, record, 행(수평) / 데이터 하나하나, 데이터 자체 column, 열 / 데이터의 타입 출처 : https://opentutorials.org/course/3161/19536 SQL과 테이블 구조_by생활코딩 SQL과 테이블 구조 - 생활코딩 SQL과 테이블 구조 2018-02-12 01:08:33 opentutorial..
[My SQL] 스키마의 사용_by생활코딩
스키마 만들기 검색하기 : mysql create database(스키마라고 할 수도 있지만 db표현이 더 좋다!) ➡ CREATE DATABASE opentutorials; 스키마 생성 MariaDB> CREATE DATABASE DATABASE의 이름; 스키마 삭제 MariaDB> DROP DATABASE DATABASE의 이름; DB리스트 보는 방법(databases 복수형으로!) MariaDB> SHOW DATABASES; DB 선택하는 방법 MariaDB> USE DATABASE의 이름; ➡ 앞으로 내리는 명령을 이 DATABASE 표를 대상으로 실행하게 된다. 출처 : https://opentutorials.org/course/3161/19535 스키마의 사용_by생활코딩 MySQL 스키마(s..
[My SQL] MySQL의 구조와 서버 접속_by생활코딩
데이터베이스 : 표들을 그루핑한 것(=스키마) 스키마 : 서로 연관된 데이터들을 그룹핑 해준다. 스키마들이 많아지면 데이터베이스 서버에 저장된다. MySQL을 설치한 것 = 데이터베이스 서버를 설치한 것 데이터베이스 장점 - 보안 파일은 운영체제만 뚫리면 수정 가능하지만, 데이터베이스는 자체적인 보안체계가 있어 안전하게 데이터 보관 가능. 권한 기능이 있어 여러 사람을 등록하여, 원하는 사람만 접근 가능하게 설정할 수 있다. - 차등적 권한 부여. 여러사람 등록가능 / 누구는 읽기만 하도록 설정할 수 있다. egoing은 student 테이블을 rw만 가능. uneasy는 student 테이블의 r만 가능. -u : user 사용자 -uroot : root 관리자로 접속하겠다 (관리자는 모든 권한 지님 ..
[Database] DATABASE 강의 정리_by생활코딩
DATABASE ? 거대하고 복잡한 데이터를 다루기 위해 존재 소중한 데이터를 안전하고 편리하고 빠르게 보관하고 사용할 수 있다. 세상엔 다양한 database 제품이 존재 : My SQL, Oracle SQL Server, MongoDB 데이터베이스의 본질, CRUD INPUT : Create 생성 / Update 수정 / Delete 삭제 OUTPUT : Read 읽고 file vs database 정리정돈을 하니까 데이터를 가공하는 것이 훨씬 쉬워진다. file에 대비해 spreadsheet는 database로 가는 길목에 있다고 할 수 있다. File ➡ Spreadsheet ➡ Database * Database의 장점 : 자동으로 데이터를 CRUD 할 수 있다. 어떤 Database를 선택할 ..
[JAVA 입문] 입력과 출력_by생활코딩
INPUT 입력값을 어떻게 주나? - Argument 텍스트 정보를 주는 것 - File 파일의 내용을 읽어서 입력 - Network 웹사이트 있는 정보를 다운받아서, 네트워크 이용해서 - Audio 말을 알아들어서 동작한다면 사운드 - Program 다른 프로그램의 출력 결과를 입력받기 OUTPUT 출력값 - Monitor 화면에 출력 - File 파일에 사용 - Audio 소리를 냄 - Program 다른 프로그램에 출력 showInputDialog 사용하기 String id 값을 프로그램 실행할 때마다 바꾸는 것은 좋은 일이 아니다. ? : 어떤 값을 입력할 때까지 자바는 실행을 멈춰있다가, 입력값을 넣으면 실행되도록 하게 하려면? 검색하기 : java popup input text swing St..