'🔥TIL' 카테고리의 글 목록

20201015, 20201016 TIL

2020.10.19· 🔥TIL

20201015 TIL // for..of 배열을 만들 때 주로 사용 const numbers = [10, 20, 30, 40, 50]; for (let number of numbers){ console.log(number); } for (let i = 0; i < numbers.length; i++){ console.log(numbers[i]); } const doggy = { name : '멍멍이', sound: '멍멍', age : 2 }; console.log(Object.keys(doggy)); console.log(Object.values(doggy)); // 객체의 value값들을 보여줌 console.log(Object.keys(doggy)); // 객체의 ke..

20201014 TIL

2020.10.14· 🔥TIL

20201014 TIL 오늘은 리액트보다도 CSS를 더 많이 공부했다.. 특히 이 영상을 흥미롭게 봤는데 댓글에도 알차보이는 내용이 있어서 재밌게 봤다. 도움이 되었던 댓글 중에 script 태그를 head 에 넣지말라, body 하단으로 넣어주어라" 라고 조언해주시더라구요. 이 이유는 브라우저의 동작 방식 때문입니다. 태그를 읽고 해석하여 DOM 을 생성하는데, 중간에 script 태그를 만나면 HTML 태그 해석을 중단합니다. 결국에는 페이지 로딩 지연이 발생합니다. 그래서 끝에 script태그를 넣는 것이 좋다고 말씀하신 것입니다. 하지만, 개발자 중에서는 변수 선언을 최상단으로 몰아넣는 스타일을 원하시는 분들도 많이 있으실 겁니다. script 태그도 head 안에 넣고 싶은 분들이 해당되겠습니다..

20201013 TIL

2020.10.13· 🔥TIL

20201013 TIL HTTP (HyperText Transfer Protocol) 웹을 이루는 네 가지 요소 HTML : 웹페이지를 만드는 컴퓨터 언어 URL : 원하는 웹페이지에 방문할 수 있도록 도와주는 주소 체계 HTTP : 웹페이지를 주고받는 소프트웨어인 웹브라우저, 웹서버 그리고 웹브라우저와 웹서버가 통신할 때 사용하는 통신규칙 처음 나올때 아주 단순한 통신규칙이었으나 웹이 폭발적으로 성장하며 단순한 HTTP의 기능만으로는 성능, 보안, 안전성 확보가 점차 어려워짐. 이를 해결하기 위해 HTTP는 보다 풍부한 기능을 가진 프로토콜로 발전하기 시작. 오늘날에는 단지 html같은 텍스트파일뿐 아니라 이미지, 동영상같은 다양한 멀티미디어 파일을 전송하는 중요한 프로토콜로 군림하고 있다. HTTP란..

20201012 TIL

2020.10.12· 🔥TIL

20201012 TIL HTML Semantic 태그 기능이 있는 것은 아니나 페이지의 특정 부분이 어떤 정보를 내포하는지에 대한 의미를 가진다. header, nav, section, article, footer Viewport { return a + b } 이때 화살표 함수의 경우 함수 내부에서 바로 원하는 값을 return 할 수 있다. const add = (a, b) => a + b 같은 함수지만 코드 길이에 차이가 생긴다. 배열의 내장함수, forEach const array = [1, 2, 3, 4, 5]; 다음과 같은 배열이 있다 가정해보자. for (let i = 0; i < array.length; i++){ console.log(array[i]); // 결과 : 1 2 3 4 5 } ..

2020.03.18.TIL

2020.03.18· 🔥TIL

2020.03.16.TIL JVM이 자동으로 만들어주는 것 GB(Garbage Collector) return this (this.을 생략 가능) 기본 생성자 생성자를 만들 때 super()가 생략될 경우 만들어준다. java.lang패키지를 자동 생성 모든 클래스를 Object()클래스를 자동으로 상속시킨다. heap영역에 값을 선언하고 초기값을 넣지 않았을 때 초기값을 자동으로 넣어준다. 자동형변환 (작은 범위에서 큰 범위로 넘어갈 때) 자동으로 만들어주는 애들이 무지 많다! for-each 반복문 [ 사용 방법 ] for( 객체클래스명 변수명 : 배열명 ){ . . . 배열의 개수만큼 하나씩 자동으로 뽑아준다. // (Java 1.5 version부터 추가됨) } for (Student s : st..

2020.03.16.TIL

2020.03.17· 🔥TIL

2020.03.16.TIL 상속 OOP(객체지향언어)의 3대 특징 중 하나로, 기존의 구현된 클래스를 조상(super class, 부모)과 후손(sub class, 자식)으로 나누어 클래스를 재사용하는 기술을 말한다. 두 클래스 이상일 때 서로 관계가 있거나 공통되는 요소를 가질 경우 이를 상하 관계로 나누어 한 쪽이 다른 한 쪽을 참조함으로써 소스 코드의 중복을 줄일 수 있다. 일반적으로 자식 클래스는 부모의 모든 필드 변수와 메소드를 상속 받는다. 단, 부모 클래스의 생성자와 초기화 블럭은 상속받지 않는다. 자식 클래스는 부모보다 필드 변수의 갯수가 적을 수 없다. (더가지면 더 가지지 덜 가지진 않는다. ) 사용 방법 [public] class 자식클래스명 extends 부모클래스명 { . . . ..

2020. 3. 12. TIL

2020.03.13· 🔥TIL

2020. 3. 12. TIL. 배열의 정렬(선택정렬, 버블정렬) 객체지향언어 자바에서의 객체.. 오브젝트와 인스턴스 클래스 작성 순서 클래스 내에서 사용할 변수 선언 생성자 기능 제공 메소드 선언 방식 자바에서 자동으로 해주는 것들 : GB, 형변환, java.lang, return, 기본생성자, ,,, 객체지향언어의 특징(캡슐화, 상속, 다형성) 게임만들기 숫자 맞추기 게임을 만들었다. 컴퓨터에게 3개의 난수를 넣고서 사용자로 하여금 그 숫자 세개를 맞추게 하는 게임이다. 사용자가 숫자는 맞췄으나 자릿수가 틀린 경우에는 ball, 자릿수도 맞는 경우에는 strike라고 출력된다. 난생 처음 만들어본 게임인데 생각보다 오래 걸리지 않았고 꽤 재밌었다. 살면서 쓸 수 있는 모든 이모티콘을 이 게임에다가 ..

2020.03.11. TIL

2020.03.11· 🔥TIL

2020.03.11.Wed.TIL Java와 C 자바의 어머니가 C라고 들었다. 언뜻 비슷하면서도 비슷하지 않은 부분이 꽤 있음을 느낀다. 증감연산자 C는 증감연산자가 변수 뒤에 있을 경우, 해당 변수가 있는 구문이 실행되었을 때 증감연산자가 발휘하지만 Java는 그렇지 않았다. 주소값 자바는 C와 달리 Garbage Collector가 있어서 알아서 메모리 정리를 해준다. C는 변수에 초기화를 시키지 않으면 쓰레기값이 들어가지만 자바는 초기화를 시키지 않아도 (Heap메모리) 알아서 초기화가 이뤄진다. C처럼 주소값을 신경써야 하는 경우는 참조자료형인 문자열(String) 타입과 배열(Array)뿐이다. 이런 참조자료형의 경우 얕은 복사(Shallow copy)와 깊은 복사(deep copy)를 신경써..

2020.03.09.TIL

2020.03.09· 🔥TIL

2020.03.09.Mon. 반복문 for문 : 반복 횟수 제한이 있는 반복문 while문 : 반복 횟수 제한이 없는 반복문 조건만 만족하면 무수히 계속 반복할 수 있다. 불확실, 무한루프를 써야할 때 주로 사용한다. do while문 : 처음 한번은 무조건 실행시키는 반복문 for문 조건식이 false가 나올 때까지 문장 수행 for(초기식; 조건식; 증감식){ 실행할 코드; } 같은 결과일때 for (int i = 1; i < 11; i++) 보다 for (int i = 0; i < 10; i++) 일때 아주 살짝 더 빨라진다. while문 조건식이 false가 되면 반복문 종료 while(조건식){ 수행될 문장; [증감식 or 분기문]; }

20200302 TIL

2020.03.02· 🔥TIL

20200302 TIL 자료구조(배열, 큐) 공부 패스트캠퍼스 알고리즘 올인원 강의 배열(Array) 데이터를 나열하고 각 데이터를 인덱스에 대응하도록 구성한 데이터 구조 장점 : 배열들의 값의 인덱스를 이용해서 데이터에 대한 접근이 빠름. 단점 : 배열의 크기를 미리 정하기 때문에 데이터의 추가/삭제가 어렵다. 이때, C, Java의 경우 배열을 쓸때 미리 사이즈를 정해야 하지만 파이썬은 아님. 그래서 파이썬에서는 위의 단점이 해당되지 않는다. Arrays are everywhere 배열은 어디에서도 볼 수 있다. 큐(Queue) 일반적인 큐는 FiFo(First-In, First-Out) LifoQueue라 하여 나중에 입력된 데이터가 먼저 출력되는 구조. (Last-in, First-out) Pri..

20200225 TIL

2020.02.26· 🔥TIL

2020.02.25 TIL 연산자 우선순위 복습 제어문 실행 순서를 변경하거나 조건에 따라 실행해야 할 내용을 선택하는 데 사용하는 문법 무언가를 할까 말까에 대한 선택 조건을 만들 수 있다. 조건문 if문 switch문 ==> 용도가 다르다. switch문에서 break가 없으면 unstopable이 된다. 하지만 이렇게 break가 없으면 멈출 수 없는 문제를 냅두는 것도 코딩을 구현할때 써먹을 데가 있기 때문. // 자동으로 해주는 것 : return, Java.lang, 자동형변환(작은거에서 큰거로갈때 괄호를 안넣어줘도 됨) 자바에서 전역변수는 알아서 초기화되지만 지역변수는 선언했을때 초기화 해주어야 한다. if(userInput == "사과") // == 연산자는 "사과"라는 문자열과 userI..

20200224 TIL

2020.02.24· 🔥TIL

20200224 TIL 연산자의 개념, 종류, 우선순위 증감 연산자. 전후에서 사용할때의 차이 메모리에서 cpu로 가는게 아니라 메모리 자체에서 계산하기 때문에 속도가 더 빠르다. 이제 제어문에 대해서 공부할 것.

티스토리툴바