본문 바로가기

Programming

 (47)
PRE-Course The Past Four Weeks Reflection - 2nd Pre 과정 두번만에 심화 과정으로 넘어갈 수 있게 되었다. 그리고 "4주"라는 기간과 배우는 내용은 똑같았지만 확실히 이번 과정에서 느껴지는 게 달랐다. 첫 번째 7기 Pre 과정은 따로 당시의 회고록을 통해 확인해볼 수 있다. 그리하여, 이번 8기 Pre 과정에서 느꼈던 내용만 적겠다. 이번 기초 과정은 전반적으로 스트레스가 전혀 없었고 자신감이 많이 생기기 시작했던 것 같다. 연습 문제에 다가가는 방법이 많이 달라지기도 했고, 이전과 달리 새로운 시도를 많이 하게 되었다. 내가 어떤 개념에 대해서 함께 프로그래밍하는 페어에게 설명도 해보게 되었고, 다양한 풀이제안도 해보게 되었다. 점차 자신감이 더 생기고 실력이 늘어가는 모습이 눈에 확연히 보이기 시작했고 이 과정 또한 신기했다. 이전에는 코스 따..
비동기 호출 Asynchronous 1. 비동기 호출 * 비동기 호출 : 지연하여 실행시키는 방법이다. * 비동기 호출의 대표적인 예제 : 클라이언트-서버, 이벤트 핸들링, 애니메이션 구현, 등등 비동기 호출을 이해하려면 Callback 함수에 대해 이해를 하고 있어야한다. - Callback 함수 : 다른 함수(A)의 전달인자로 넘겨주는 함수(B)이다. - Parameter를 넘겨받는 함수(A)는 Callback 함수 (B)를 필요에 따라 즉시 실행하거나, 나중에 실행할 수도 있다. 즉, 동기적으로나 비동기적으로 실행이 가능하다. 2. Blocking vs Non-blocking 동기와 비동기를 아래와 같이 각각 전화와 문자로 비교하여 정리해봤다. 동기 Blocking 비동기 Non-blocking 전화 문자 작업 중이던 일을 중단하고 ..
유효성 검사 [Validation Check] 오늘은 유효성 검사하는 방법을 알아봤다. 유효성 검사는 홈페이지 가입이나 사이트의 어떤 신청 절차에서 많이 봤던 기능이다. 예를 들어, 가입 과정을 거치다보면, 아래와 같이 사이트에서 원하는 조건에 맞게 반드시 몇 가지 형식에 맞춰 입력해야 하는 경우가 있다. 특정 값은 반드시 입력해야 하고, 비밀번호는 특정 자릿수 이상이어야 하며, 숫자나 특수문자를 반드시 요구하기도 하고, 비밀번호와 비밀번호 확인란이 동일해야 하며, 신용카드 넘버가 유효한지 확인하는 경우도 있다. 이런 조건들 하나하나를 유효성 검사라고 부르는데, 유효성 검증 함수는 언급한 요구사항에 대한 검사를 담당한다. 위 몇가지 유효성 검증 함수의 역할들은 아래와 같다: moreThanLength 입력값이 n개의 글자 이상 onlyNumberAn..
ASCII 관련 아티클 ASCII stands for American Standard Code for Information Interchange. [ASCII 약자] ASCII is a numeric value that is given to different characters and symbols for computers to store and manipulate. *For example, the ASCII value of the letter 'A' is 65. Resource: ASCII chart of all 127 characters in JavaScript. 문자열의 ASCII 코드값 구하기: www.programiz.com/javascript/examples/ascii-value-character (참조 영어 원문)..
정규표현식 RegExp 오늘은 알고리즘 관련 문제를 대량 풀었는데, 그 중 새로 알게된 한 가지 개념에 대해 간단하게 적어보려 한다. 1. 정규 표현식 (RegExp) 정규 표현식의 영어식 축약어 (RegExp)의 정식 이름은 Regular Expression이라고 한다. 보통 이 표현을 '정규식'으로도 많이 부른다. 정규식이 뭐고 그 사용법이 궁금해서 계속 구글링하여 얻은 정보로는, 우선 정규식은 POSIX, PCRE 등 다양하게 존재한다는 것이다. * 프로그래밍 언어별로 사용되는 정규식 표현의 명칭들과 엔진들을 비교/정리해 놓은 사이트가 있다. 그 중 Javascript에서는 XRegExp 을 따른다는 것이다. (영어 원문) 정규식을 구성하는 문법들이나 메소드들은 굉장히 많고 아직 많이 익숙하지 않아 오늘 풀은 예제를 놓고..
코드 스타일링 & 가독성 우리가 작성하는 코드는 보통 대부분 우리만 보는 코드가 아니다. 항상 팀 단위의 개발자인 경우 다수가 코드를 보게 되는 경우가 많은데, 작성한 코드를 이해 못하는 경우가 발생할 수가 있다. 혹은 다른 사람이 아니어도 미래의 내가 과거에 작성했던 코드를 이해 못 하는 경우도 있을 수 있다. 그렇기에 우리는 알아보기 쉬운 코드를 작성할 필요가 있다. 모두가 알아보기 쉽게 적을 수 있도록 공식적으로 스타일링 가이드도 제공되어 있다. 그 중 우리는 몇 가지 중요하고 기본적인 코드 스타일링들을 살펴보자. *보통 일하는 곳마다 컨벤션이 조금씩 차이가 있을 수 있지만, 현재 일하고 있는 기업의 컨벤션을 따르는 것이 가장 좋다. 1. Indentation - 들여쓰기 - 새로운 블록이 생성될 때마다 기본 +2칸을 의미..
Higher Order Function [고차함수] 2편 1. HOF [고차함수] 고차 함수 (higher order function)는 함수를 인자 (argument)로 받거나 함수를 리턴하는 함수를 말한다. 이 때 다른 함수 (caller)의 인자 (argument)로 전달되는 함수를 콜백 함수 (callback function)이라 한다. 고차함수가 사용되는 경우들은 아래와 같다. 1. 다른 함수를 인자로 받는 경우 (커리 함수) 2. 함수를 리턴하는 경우 3. 함수를 인자로 받고, 함수를 리턴하는 경우 1 - 2. 내장 고차함수 [Built-in HoF] 배열 내장 고차함수 filter() : 배열의 요소 중 특정 조건을 만족하는 요소들만을 걸러내는 (filter) 메소드이다. 한 가지 예로, 수(number)를 요소로 갖는 배열 중 짝수만 걸러내거나 ..
[HTML & CSS] 주석 처리 JS 파일에서는 // 만 눌러도 주석처리가 되었지만 HTML과 CSS에서는 아쉽게도 그렇게 주석 처리가 되지 않는다. 별 건 아니지만.. 예전의 나처럼 혹시나 이 방법을 찾아 헤메고 있을 분들을 위해 HTML과 CSS에서 주석 처리하는 방법을 가져왔다. 우선 JS 주석 방법이다. 한줄 주석 처리 : // 두줄 이상 주석 처리 : /* ~ */ 다음은 HTML 주석 방법이다. 모든 경우 : 마지막으로 CSS 주석 방법이다. 모든 경우 : /* ~ */ 또 한 가지 팁으로, JS & HTML & CSS 모든 파일에서 직접 주석 방법을 입력하지 않고 빠르게 주석 처리하는 방법이 있다. 사실 이게 더 꿀팁 같다. Command 키와 / 키를 동시에 누르면 원하는 부분을 바로 주석 처리할 수 있다. 필자는 맥북이..

티스토리툴바