YUYANE

학습 강의 www.boostcourse.org/cs112/joinLectures/43415 알고리즘 컴퓨팅은 입력(input)을 받아 그 입력을 처리한 후 출력(output)하는 과정 알고리즘은 그 처리 과정 - 입력값을 출력값의 형태로 바꾸기 위해 어떤 명령들이 수행되어야 하는지에 대한 규칙들의 순서적 나열 알고리즘에 따라 출력 하기까지의 시간이 달라질 수 있다. 정확성, 효율성 모두 중요 - 효율성은 작업을 완료하기까지 얼마나 시간과 노력을 덜 들일 수 있는지에 대한 척도 컴퓨터 과학은 알고리즘의 집합 구성 요소로 함수, 조건, 불리언 표현(True/False), 루프 등이 있다.

학습 강의 www.boostcourse.org/cs112/joinLectures/43415 ASCII (American Standard Code for Information Interchange) 컴퓨터가 문자를 숫자로 표현할 수 있도록 정해진 약속(표준) 예를 들어, A는 10진수 기준으로 65. 이를 2진법으로 표현하면 1000001 Unicode 아스키코드로는 문자들을 표현하기에 부족했기 때문에 더 많은 비트를 사용하여 더 다양한 다른 문자들 표현 이모티콘까지도 포현 가능 그림, 영상, 음악의 표현 이모티콘, 그림, 사진 등 자세히 살펴보면 수 많은 작은 점(픽셀)들의 집합 각각의 픽셀은 빨간색, 초록색, 파란색 세 가지 색을 서로 다른 비율로 조합한 특정한 색을 띈다. 이 비율들을 숫자로 표현하는..

학습 강의 www.boostcourse.org/cs112/joinLectures/43415 컴퓨터 과학이란? 입력(input)을 전달 받아 출력(output)은 만들어 내는 과정을 문제 해결이라고 한다. 그리고 그 과정을 컴퓨터 과학이라 일컫는다. 다시 말해, 컴퓨터 과학은 문제 해결에 대한 학문이다. 2진법 컴퓨터 과학의 입출력을 표현하기 위해 모두가 동의할 약속(표준)이 필요하다. 컴퓨터에는 전기를 켜고 끄는 굉장히 많은 스위치(트렌지스터)가 있고, on/off 상태를 통해 0과 1을 표현한다. 따라서, 2진법은 전기를 통해 연산하는 컴퓨터에게 적합한 표현 방법이다. 비트(binary digit) 컴퓨터는 2진법에서 하나의 자릿수를 표현하는 단위를 비트라고 한다. 정보 저장 및 연산을 수행하기 위해 ..

구현 영상 youtu.be/zpSneH_aFHA 사용 JS(DOM, jquery), css, html 코드 github.com/Miri-Hwang/TIL/tree/main/python/udemy/jsp/connect_four_game_byMe

상황 설명 var color = circle.css('background-color'); if(color === 'orange'){ circle.css('background-color','blue') turn=!turn; break; } 원의 색깔이 '오렌지' 일 때, '파랑'으로 바꾸고자 코드를 작성했다. 오류 원의 색깔이 어떤 색이든 상관 없이, 무조건 색깔이 바뀌었다. 원인 CSS 파일에서 'background-color' 값을 'orange'로 설정한 것을 조건문에서 그대로 넣어준 것이 원인이었다. color값을 로그 찍어보니 실제로 rgb 값이 찍혔다. 해결 var color = circle.css('background-color'); if(color === "rgb(255, 165, 0)"){..

jQuery / DOM, HTTP requests(AJAX) 등과 상호작용 흐름을 원활하게 하는 자바스크립트 라이브러리 / jQuery가 만들어졌을 당시에는 .querySelector()가 존재하지 않았기 때문에, 애초에 역할은 DOM과의 상호작용을 조금 더 간단하게 도우는 것이었다. / 현재도 방대하게 사용되는 중 간단한 예시 //jQuery var divs = $('div'); $(el).css('border-width', '20px'); //Vanilla var divs = document.querySelectorAll('div'); el.style.borderWidth = '20px';

틱텍토 게임 오늘 과제로 간단한 틱텍토 게임을 만들었다. 사진 처럼 빙고 칸 안에 o와 x를 표시하는 기능이 전부. 문제의 코드 var block_one = document.querySelector('#one') var block_two = document.querySelector('#two') var block_three = document.querySelector('#three') var block_four = document.querySelector('#four') var block_five = document.querySelector('#five') var block_six = document.querySelector('#six') var block_seven = document.querySele..

DOM 자바스크립트 코드가 HTML/CSS 와 상호작용 하도록 만드는 인터페이스 브라우저가 모든 HTML 태그와 자바스크립트 객체를 저장하는 DOM을 구축함 예시 웹사이트 DOM 확인 방법 어떤 웹사이트에서든 DOM을 볼 수 있다. 웹사이트->(마우스오른쪽 버튼 클릭) -> 검사(inspect)-> console console.dir(document)입력 주요 document attributes - document.url - document.body - document.head - doment.links - document.getElementById() - document.getElementByClassName() - document.getElementsByTagName() - document.query..