전체 글
실패와 도전: 어쩌면 아무 것도 아닌 또 다른 거절 앞에서 ⏐ 일상 에세이 ⏐ 30
10월이 시작되기 전 모니터 너머의 벽에 '개발 공부 시작'이라고 쓴 종이를 붙여뒀다. 그로부터 2개월이 지난 지금까지 하루에 적게는 서너시간, 많게는 여덟 시간이 넘게 개발을 공부했다. 그리하여, 나는 분명 처음보다는 더 나은 실력을 갖게 되었다. 물론 그 마저도 대학교에서 1학기를 수강한 이들의 실력 정도 되겠지만 말이다. 이제 모 교육 업체의 프리 코스 수료를 앞두고 있다. 그리고 얼마 전 같은 교육 업체의 부트캠프에 지원했고 조기 테스트를 봤다. 정원 마감이 임박했다는 메시지에 조금 초조해진 탓이었다. 이틀 만에 나온 결과는 탈락이었다. 두 개의 문제 중에 하나의 문제를 제대로 풀지 못했기 때문일까. 그래도 풀이 과정을 본다면, 어느 정도 근접했을텐데... 아니면, 그간의 코드 리뷰에 제대로 피드..
자바스크립트 동기/비동기 차이점은 무엇일까요?
자바스크립트는 싱글 스레드(single thread) 방식으로 코드를 처리합니다. 스레드란 프로그램이 작업을 완료하는 데 사용하는 하나의 선로 같은 것인데, 각 스레드는 한 번에 하나의 작업만 순차적으로 수행할 수 있습니다. 즉, 하나의 작업이 완료되어야 다음 작업을 실행할 수 있는 구조인 것입니다. 이는 보통 오늘날의 컴퓨터가 멀티 스레드(multi thread)로 동시에 여러 작업을 처리하는 것과 다릅니다. 동기적 자바스크립트 앞서 언급한 것처럼 자바스크립트는 싱글 스레드를 사용하기 때문에, 기본적으로 동기적으로 코드를 처리합니다. const name = "Hwi" const age = "31" const nationality = "South Korea" console.log(name); // -> ..
자바스크립트 sort() 메소드 사용 방법 정리
자바스크립트의 sort() 메소드는 특정 배열을 정렬하고, 정렬된 배열을 리턴합니다. 기본 정렬은 오름차순이며, 요소를 문자열로 전환한 다음 UTF-16 코드 단위 값을 따라 이를 비교합니다. 배열 정렬 먼저, 문자가 담겨 있는 배열을 정렬해보도록 하겠습니다. const fruits = ["pineapple", "cherry", "apple"]; fruits.sort(); console.log(fruits); // Array ["apple", "cherry", "pineapple"] 다음으로 숫자가 담겨 있는 배열을 정렬해 보도록 하겠습니다. const numbers = [1, 30, 4, 21, 10000]; numbers.sort(); console.log(numbers); // Array [1, 1..
자바스크립트 문자열로 함수를 실행하는 방법
함수의 이름을 변수의 문자열로 저장하고, 이 문자열을 사용해 함수를 호출할 수 있습니다. 문자열로 과연, 함수를 어떻게 실행할 수 있을까요? 몇 가지 방법이 있습니다. 이 글은 How to execute a Javascript function when its name as a string 및 How to execute a JavaScript function when I have its name as a string의 예시 및 답변을 인용 및 정리한 글입니다. eval() eval을 사용하는 방법으로 간단하지만, 정말로 꼭 사용해야 하는 경우가 아니라면 사용하지 않는 것이 좋습니다. function fnLogin(userName, password) { console.log("User: " + userNam..
자바스크립트 메모이제이션 설명
메모이제이션이란? 메모이제이션은 함수의 호출 결과를 캐싱하여, 동일한 아규먼트로 함수가 재호출될 때 저장해두었던 값을 리턴하는 방식입니다. 이는 자바스크립트 뿐만이 아닌, 여러 프로그램 언어에서도 흔하게 사용됩니다. 메모이제이션은 특별히 재귀 함수에서 유용하게 사용될 수 있습니다. function factorial(num) { if(num === 1) { return 1; } return num * factorial(num - 1); } factorial(3) factorial(3)을 통해 factorial(3), factorial(2), factorial(1)이 실행됩니다. 메모이제이션을 활용하면, 다음 번에 factorial(3) 실행 시 재귀 함수를 반복하지 않아도 됩니다. 또한 factorial(..
익숙한 일상의 소중함에 대하여 ⏐ 일상 에세이 ⏐ 29
낯선 도시나 해외로 홀로 여행을 떠날 때면 이방인이 된 나를 발견하곤 했다. 세상은 본래부터 나와 무관하게 흘러간다는 것은 알고 있었지만, 실제로 아무도 나를 신경쓰지 않는 낯선 환경 속에서 이내 고립감을 느끼게 되었으며, 이러한 고립감은 낯선 이방인을 향하는 무관심한 시선을 통해 가중되곤 했다. 여행 중에 만난 인연이 유독 특별하게 느껴지는 이유는 그러한 만남의 순간을 통해 비로소 고립에서 벗어나게 되기 때문이었다. 그렇게 나는 누군가에게 무엇이 될 수 있었다. 여행을 통해 만났던 인연들을 기억해 본다. 누군가와는 사랑을 했고, 누군가와는 좋은 친구가 되었으며, 누군가와는 짧게나마 함께 여정을 같이 했다. 낯선 곳에서, 예기치 않게 만나게 되는 모든 소중한 인연 속에서 서로의 존재는 무척이나 소중했다...
ㅡ 9 더 사랑하고, 더 사랑받는 일
내가 상대를 사랑하는만큼, 상대가 나를 사랑하고 있지 않다는 마음이 들 때, 우리는 종종 사랑하는 일에 좌절감을 느끼곤 한다. 그러나 사랑은 서로가 동일한 방향에서, 동일한 깊이로 서로를 사랑하는 것이 아니라, 상대가 바라볼 수 없는 방향에서, 서로 다른 깊이의 고백을 실천하는 일이다. 우리는 누군가를 일방적으로 사랑할 수 없다. 상대가 우리를 조금이라도 사랑하지 않는다면 말이다. 실제로 모든 사랑은 언제나 불균형적이다. 누군가는 상대를 더 많이 사랑할 것이고, 누군가는 더 많은 사랑을 받을 것이다. 그리고 이는 모두가 기뻐하고, 고마움을 느껴야 하는 일이다. 누군가를 더 사랑할 수 있음에, 또한 누군가에게 더 사랑받을 수 있음에 말이다. 성숙한 사랑의 마음가짐은 언제나 이러한 불균형성을 기꺼이 받아들일..
자바스크립트 arguments를 사용한 가변 인자 함수 활용
자바스크립트의 aruments는 유사 배열 객체를 생성하는 내부 함수입니다. 이는 함수 호출 시, 함수에 선언된 매개 변수보다 더 많은 인자를 전달하는 경우 등에 활용할 수 있습니다. 유사 배열(Array-like)이란 arguments가 길이 속성과 프로퍼티를 갖고 있지만, 배열에서 사용할 수 있는 내장 메소드인 forEach(), map() 등을 사용할 수 없는 객체를 의미합니다. 먼저, arguments의 작동 방식을 이해해 보도록하겠습니다. 아래의 경우처럼, 각 함수에 할당한 인자가 arugments에 유사 배열 형태로 할당됩니다. function func1(a, b, c) { console.log(arguments[0]); // 1 console.log(arguments[1]); // 2 con..