well-balanced

Today I Learned 'The Complete JavaScript Course 2019: Build Real Projects' 의 '섹션 2 : JavaScript Language Basics' 를 끝마쳤다. 마지막 코딩챌린지 코드 : Gist '==' 와 '===' 의 차이에 대해 간단하게 이곳에 정리해두었다. '네이밍케이스' 에 대해 간단히 이곳에 정리해두었다.

Finding the percentage Finding the percentage | HackerRank Store a list of students and marks in a dictionary, and find the average marks obtained by a student. www.hackerrank.com My Answer 학생수를 n의 변수에 담는다. 빈 딕셔너리 'student_marks'를 선언한다. for loop를 n(학생수)만큼 반복한다. space(공백)의 단위로 문자열을 나누고, name과 line이라는 변수에 나눠담는다. *(Asterask)를 변수 앞에 쓰면 *이 붙지 않은 변수 'name'에는 첫번째 문자열이 그대로 들어가고, *이 붙은 변수 'line'에 리스트형태로 ..

Today I learned 생활코딩님의 강의 'ObjectModel'에 대해서 이곳에 정리해두었다. 유니코드의 등장배경과 개념에 대해 간단하게 알아보았다. 'Hackerrank' 사이트에서 'Finding the percent' 문제를 풀어서 이곳에 정리해두었다. New information Hackerrank에서 'Python' 분야의 Silver Badge를 획득했다. (뿌듯..ㅎ 자랑..ㅎ) Python에서 쓰는 *(Asterisk)의 여러가지 의미에 대해 알게 되었다. https://mingrammer.com/understanding-the-asterisk-of-python/

이 글은 유튜버 '생활코딩' 님의 'Object Model' 강의 영상의 내용을 정리한 것입니다. Javascript를 통해서 브라우저를 제어하기 위해서는 Javascript로 제어할 수 있는 객체(Object)가 있어야한다. 브라우저가 우리에게 Javascript로 제어할 수 있도록 브라우저의 여러 구성 요소들을 객체로 만들어서 제공해주는 것을 객체모델(Object Model)이라고 한다. Javascript로 객체를 만드는 것을 객체화라고 한다. 위와 같은 코드를 HTML에 출력하고, 개발자 도구를 켜보면 아래와 같은 화면이 나타날 것이다. 브라우저에 이미지가 표시된 것은 우리가 와 같은 tag를 작성했기 때문이다. 이것은 HTML 프로그래밍이다. 그러나 Javascript를 통해서 프로그래밍적으로 ..

동기(Synchronous)와 비동기(Asynchronous) 동기 방식은 일을 순차적으로 진행하는 것이고, 비동기 방식은 순서가 중요하지 않을 경우 일을 위임함으로써 효율적으로 처리하는 것 이메일을 만명에게 보낸다. 동기적인 방식 : 발행버튼으로 한 명 한 명에게 이메일을 보낸다. 한 명당 1초가 걸린다면 10000초가 걸리는 것이다. 비동기적인 방식 : 발행버튼을 누르면 이메일을 보내는 별도의 시스템에게 과업을 위임한다. fs.readFile을 예로 동기와 비동기 방식에 대해 살펴보자. 동기방식(Sync) var fs = require('fs'); // Sync console.log(1); var data = fs.readFileSync('data.txt', {encoding:'utf8'}); con..

Today I Learned javascript 함수의 동기방식과 비동기 방식에 대해 알아보고 이곳에 정리했다. javascript에서의 함수는 값이다. javascript에서는 함수도 객체이다. javasciprt의 함수는 일종의 값이기 때문에 함수 역시 어떠한 변수에 담을 수 있는 속성을 가지고 있음. 또한 함수는 객체 안에 저장될 수 있다. a = { b: function(){ } } 여기서 b는 a라는 객체에 Key가 되기도 하면서, 변수와 같은 역할을 하고 있다. 객체 안에서 변수와 같은 역할을 하는 것을 속성(property)라고 부른다. 그 속성에 저장되어 있는 값이 함수(객체 안에 있는 함수)라고 한다면 그 함수를 이러한 맥락에서는 메소드라고 부른다. 함수는 값이기 때문에 다른 함수의 인자..

Single source of truth 정보의 중복, 비정합성 등의 문제를 해결하고자 나온 이론이다. 어찌보면, '리팩토링' 의 개념과 비슷하다고 볼 수 있다. 웹사이트를 제작할 때 우리는 'index' 라는 기본 파일을 만드는 이유 또한 이것에 기인한다. 간단한 예시를 통해 살펴보자. 우리는 지금 블로그를 만드는 중이다. 드디어 우리는 블로그 홈(index)에서 로그아웃 기능을 구현해냈다. 그러나 글목록 페이지에는 로그아웃 기능이 없어서 블로그 홈에 로그아웃 기능을 구현한 코드를 **복사해서 붙여넣기했다**. 이렇게 된다면 Single source of truth의 규칙을 어겼다고 할 수 있다. 그 이유는 코드의 중복이 발생했기 때문이다. 만약 logout의 UI를 개선하고 싶다면 블로그 홈에 있는 ..

Today I Learned 'Single source of Truth' 의 개념을 간단히 이곳에 정리했다. Http의 메소드(Get, Post, Put, Delete)와 RestAPI의 개념에 대해 배웠다. 'The Complete JavaScript Course 2019: Build Real Projects' 의 'Object를 활용한 코딩챌린지' 를 풀어보았다. Gist Link