728x90

파이썬 문제를 풀면서 해당 문제가 문자열인지 아닌지를 걸러야 하는 경우가 있었다.

처음에는 당연히 비교 연산자를 사용하려고 했는데, is (not)이라는 문법이 적용된다는 것을 알았다.

def hi(sentence):
	if type(sentence) is str:
    	return '문자열입니다'
    elif type(sentence) is not str:
    	return '문자열이 아닙니다'

 

728x90

'python > 짧은 글' 카테고리의 다른 글

[Python] sort()와 sorted(메소드와 내장함수)  (0) 2022.07.14
728x90

1. 생성자(실무에선 class를 더 많이 씀)

function Address(name, address) {
	this.name = name;
    this.address = address;
}

//
let park = new Address('박', '서울');
let  kim = new Address('김', '제주');

1.1 새로운 객체를 생성할 때 new를 넣는 이유 : 새로운 인스턴스를 생성한다는 선언

2. var과 그냥 선언 : 전역변수 , let과 const : 지역변수

더보기
<script>
  a_global = "a_global";
  var a_var = "a_var";
  let a_let = "a_let";
  const a_const = "a_const";
  console.log(a_global, a_var, a_let, a_const);
  console.log(window.a_global, window.a_var, window.a_let, window.a_const);

  function fn2() {
    c_global = "c_global";
    var c_var = "c_var";
    let c_let = "c_let";
    const c_const = "c_const";
  }

  function fn1() {
    b_global = "b_global";
    var b_var = "b_var";
    let b_let = "b_let";
    const b_const = "b_const";
    fn2();
  }

  fn1();
</script>

2.1  script안에서 선언된 var변수는 global의 속성을 띄지만, fn1, fn2와 같이 다른 부분에서 선언된 경우엔

3. CallBack 함수내에서 다른 함수를 호출하는 것(?)

나중에 추가적인 정리 필요

4. this[method]();

4.1 클래스 안에서 안에 들어있는 함수를 호출하는 코드

더보기
class Menu {
    handleEvent(event) {
      // method = 'onMousedown' or 'onMouseup'
      let method = 'on' + event.type[0].toUpperCase() + event.type.slice(1);
        this[method]();
    }

    onMousedown() {
        elem.innerHTML = '마우스 버튼을 눌렀습니다';
    }

    onMouseup() {
        elem.innerHTML = '마우스 버튼을 땟습니다';
    }
  }

let menu = new Menu();
const elem = document.getElementById('elem');
elem.addEventListener('mousedown', menu);
elem.addEventListener('mouseup', menu);

5. js도 python처럼 for문을 사용할 수 있다

5.1 for(const item of array)

6. REST Operator

6.1 const[head, ...tail] = array

6.1.1 ...을 뒤에 붙이게 되면 맨 처음 요소를 제외한 모든 요소들을 칭하게 된다

6.2 응용 : 배열의 경우 

const sumAB = [...arrayA, ...arrayB]
//배열 2개가 합쳐짐

 

728x90

'특강 복습 > 엘리스' 카테고리의 다른 글

총정리  (0) 2022.07.18
12일차  (0) 2022.07.12
11일차  (0) 2022.07.11
9일차  (0) 2022.07.10
8일차  (0) 2022.07.06
728x90

#####이 문서는 markdown으로 작성
12일차
======

  1. 최대값 알고리즘

728x90

'특강 복습 > 엘리스' 카테고리의 다른 글

총정리  (0) 2022.07.18
7/13  (0) 2022.07.13
11일차  (0) 2022.07.11
9일차  (0) 2022.07.10
8일차  (0) 2022.07.06
728x90

솔직히 몇일차인지 모르겠음(7/11일 수업)

0.document : dom객체를 활용하는 것

1. QuerySelector

1.1 document.querySelector('원하는 태그')

1.1.1 위와 같은 형태로 사용하면 첫번째 태그만 인식

1.2 document.querySelector('.태그') : 클래스 선택

1.2.1 동일하게 맨 먼저 온 것만 인식

1.3 document.querySelector('상위 노드 > 하위노드') : dom형태를 응용한 것

1.4 document.queyrSelectorAll('원하는 태그') : 해당 태그의 모든 값을 배열 형태로 반환

1.5 querySelector vs querySelectorAll

 

2. 정리되어 있는 문서에서 먼저 찾아보도록 하자(MDN등)

3. element.getAttribute

3.1 dom : 문서 전체 / element : 하나의 요소

4. get - set

4.1 get : 가져오다, read의 역할 / set : 값을 쓰다 , write의 역할

4.2 위에서의 get은 읽어오는 것 -> setAttribute를 통해서 바꿀 수도 있음

4.3 element.setAttribute('속성', '원하는 내용') : 요소의 설정을 바꿀 수 있음

4.4 querySelector로 요소를 읽어온뒤 element위치에 요소를 넣음으로써 해당 부분을 사용할 수 있게됨

 

5. js에서 querySelector를 많이 지정함

6. class를 추가하는 함수

6.1 element.classList.add()

6.2 classList안에 add메서드를 활용하는 것

6.2.1 이런 이벤트를 계속 알고 있어야 함

 

7. 함수 이름만 넘겨주면 이벤트 발생시 함수를 실행하고 ()를 붙이면 함수를 실행하고 return 값을 넘겨주는 것

8. event는 보통 정리를 해서 사용 함

8.1 예를 들어 같은 이벤트가 반복되면 상수로 선언해서 사용(상수는 대문자)

8.2 어떤 event가 있는지 알아놓는 것도 좋음(외우진 않더라도 인식은 하기)

9. innerText와 textContent의 차이점

MDN의 textContent항목에서

9.1 innerText는 DOM구조를 새로가져오기 때문에 그렇게까지 하지 않는 textContent가 더 낫다

728x90

'특강 복습 > 엘리스' 카테고리의 다른 글

7/13  (0) 2022.07.13
12일차  (0) 2022.07.12
9일차  (0) 2022.07.10
8일차  (0) 2022.07.06
7일차  (0) 2022.07.06
728x90

맞나?

1. for문을 중첩해야하는 경우 > 재귀로 해결가능한지 확인하기

1.1 같은 기능을 해야하는 경우에도 재귀로 될듯

1.2 중첩의 깊이가 케이스에 따라 달라져야 하는 경우도 가능할 듯 

1.3 참고한 블로그 

1.4 코드 추가 예정

2. python에서 입력받은거 스플릿할때는 후처리로 해도 된다.

2.1 예를 들어 1 2 / 2 / 3 이렇게 한번에 입력됬다 하나씩 입력됬다 하는데 맨 앞의 값에 다라서 그 결과가 다른 경우엔 1일때만 스플릿으로 나눠받게 해도 된다.

3. python에서 반복문을 돌리면서 해당 범위의 무언가를 빼야할 때 사용하는 코드

i = 0
while( i < 당신이 구하려는 데이터의 길이):
	if(해당 문자열이 빠져야 되는 조건):
    	문자열 빼기
        i = i -1
    i = i + 1
#기본적으로 하나씩 값이 오르는데 문자열이 빠지면 값을 하나 줄여줌
#for문으로 했을때는 for문 안의 i가 영향을 받지 않았음

4.자바스크립트 두줄 입력

4.1 다음 코드는 엘리스에서 자바스크립트를 두줄로 입력받을때 사용한 코드이다.

더보기
const readline = require("readline");

const rl = readline.createInterface({
  input: process.stdin,
  output: process.stdout,
});

var input = [];



rl.on("line", function (line) {
  
  input.push(parseInt(line));
  
  if (input.length == 2) {
    rl.close();
  }
}).on("close", function () {
  var x = input[0];
  var y = input[1];
  var ans = (6 + y) / (16 + x);

 

728x90

'특강 복습 > 엘리스' 카테고리의 다른 글

12일차  (0) 2022.07.12
11일차  (0) 2022.07.11
8일차  (0) 2022.07.06
7일차  (0) 2022.07.06
6일차  (0) 2022.07.04
728x90

또 날라갔음..

1.JS에서 함수의 매개변수를 선언할 때 기본값을 잡아줄 수 있다.

1.1 이 때 기본값이 적히는 것은 맨 뒤로 보내야 한다. 매개변수를 입력할 때는 순서가 필요한데, 기본값이 없는 값을 뒤로 보내게 되면 끝에 값을 무조건 입력해야 하기 때문에 가운데 있는 기본값이 설정된 매개변수에 무조건 값을 입력해야되기 때문이다.

더보기
function hellot (i, p=1, s){
            document.write(typeof i, i)
            document.write(typeof p , p)
            document.write(typeof s , s)
            document.write(i+p+s)
        }
hellot(10,2)

 

728x90

'특강 복습 > 엘리스' 카테고리의 다른 글

11일차  (0) 2022.07.11
9일차  (0) 2022.07.10
7일차  (0) 2022.07.06
6일차  (0) 2022.07.04
4일차  (0) 2022.06.30
728x90

1. document.write() , document.writeln() : html에 내용을 바로 출력하고 싶을 때 사용하는 매서드

1.1 writeln은 pre태그 안에서 자동으로 줄바꿈을 해준다

1.2 html parser의 구조를 바꿀 위험이 있으므로 사용을 권장하지 않는다고 함

2. 객체선언시에는  [객체이름={}]의 형태로 사용한다.

2.1 중괄호안에서는 = 대신에 :을 쓴다.

2.2 객체안에 프로퍼티, 메서드간의 구분은 쉼표(,)로 한다.

3. 사용햇던 매서드

3.1 push : 배열의 맨 끝에 값을 추가 

3.2 unshift : 배열의 맨 앞에 값을 추가

3.3 pop : 배열의 맨앞의 값을 반환해준 뒤 삭제

3.4 shift : 배열의 맨 앞의 값을 삭제

3.5 sort ()  : 배열을 정렬해주는 함수

3.5.1 밑의 코드를 sort()의 매개변수로 넣어주면 오름차순으로 정렬됨(넣지 않으면 맨 첫번째 자리 숫자를 우선해서 정렬됨)

더보기
function compareNumbers(a, b) {
    return a - b;
}

3.6 match() : python의 count랑 동일. 문자열 찾아줌

3.6.1 match(/p/g) > 배열안에 p문자의 갯수를 구해줌 대충 그런가보다 하는 중

728x90

'특강 복습 > 엘리스' 카테고리의 다른 글

9일차  (0) 2022.07.10
8일차  (0) 2022.07.06
6일차  (0) 2022.07.04
4일차  (0) 2022.06.30
2일차-실습  (0) 2022.06.28
728x90

1. git -am을 사용하면 한번이라도 add했던 파일에 대해서 commit까지 한번에 할 수 있다.

2. git graph라는 확장자를 이용하면 그래프 형태로 commit했던것을 ui로 확인할 수 있다.

3. java와 javascript는 서로 관계 없음

3.1 js가 처음 나왔을 때 유명한게 자바라서 마케팅용으로 따라함

3.2 js는 es6를 기반으로 제작되었음

4.인터프리터 언어 : 한줄 씩 실행이 되는 언어

4.1 어셈블리어를 기계어로 바꾸는 과정을 컴파일이라고 함

4.2 인터프리터 언어는 컴파일러 없이 한줄씩 기계어로 변경

5. js도 css랑 동일하게 인라인, 내부, 외부 방식으로 작성

5.1 인라인 : script안에 함수 선언한뒤 태그 안에 해당 함수 호출

더보기
<script>
	function clickButton() {
          alert("internal 방식!");
        }
</script>

<p id='button' onclick="clickButton()">인라인 버튼 </p>

 

인라인 버튼

5.2 외부 : <link>를 사용했던 css와는 다르게 script태그 안에 src속성을 사용해서 작성

6. 콘솔창에서 사용 가능한 js 함수들

6.1 alert : 경고창

6.2 prompt : 입력창, 입력환 값을 반환

6.2.1 반환된 값을 let을 이용해서 변수에 저장되면 prompt함수는 let함수에 값을 전달하고 

6.3 confirm : 정보창, True False 반환

6.4 document.write : 웹 페이지에서 값 확인 가능, js내에서 html사용 가능

6.4 console.log : 콘솔창에 값 출력

7. 변수 

7.1 변수를 정하는 게 중요함 

7.2 var, let(선언1번, 초기화 여러번), const(선언 1번, 초기화 1번) 구분

8. 객체

8.1 객체(object) : 이름 + 값

8.2 내장객체 : 자바스크립트 안에 모듈이나 패키지 (예 : Math)

8.3 프로퍼티 : 객체 안에 저장되어있는 변수 (공식 문서에서의 속성)

8.4 메소드 : 객체 안에 저장되어있는 함수

9. 문자열

9.1 문자열 출력에는 백틱(탬플릿 리터럴, `)을 사용할 수도 있다.

9.2 문자열은 순서가 존재하기 때문에 인덱싱이 가능하다.

9.3 다양한 프로퍼티와 메소드가 존재

10. 코드는 일단 만든다음에 천천히 쌓아갈 것

11. InnerHTML :  content 안에 해당 내용을 넣어주는 메서드

11.1 querySelector와 함께 사용된다.

12. JS는 숫자 연산이 먼저 오면 숫자 연산을 처리하고 문자열 연산을 하지만, 문자열 연산이 먼저 오면  뒤에 숫자 연산도 문자열 처리된다.

728x90

'특강 복습 > 엘리스' 카테고리의 다른 글

9일차  (0) 2022.07.10
8일차  (0) 2022.07.06
7일차  (0) 2022.07.06
4일차  (0) 2022.06.30
2일차-실습  (0) 2022.06.28

+ Recent posts