Articles

2019/10/17 TIL(Today I Learn) - 블로그 리뉴얼! IE CSS 이슈 해결하기, git branch 분리하기

IIE11, 10, 9에서 부모 요소의 max-width, min-width 속성과 margin: 80px auto로 가운데 정렬 속성들이 상속은 커녕 적용이 안된 것 처럼 출력됐다.

• October 17, 2019
• 2 minute read
• • TIL
  • CSS
  • Git

토이 프로젝트: 버스야 어디있니? 진행 상황 정리

포폴용으로 쓰기 위해 열심히 만들고 있는 프로젝트다. Nodejs, API는 이번 기회에 처음 사용해봤는데, 자바스크립트를 알고나니까 생각보다 낯설진 않았다. 하지만 이제 막 배워가면서 만들다보니 뭔가를 하나 만들면 오류도 하나 생겨서 디버깅에 시간을 엄청 쓰고있다.

• October 10, 2019
• 2 minute read
• • Project

Vanilla js / Ecma script / Typescript 자바스크립트를 둘러싼 명칭 이해하기!

제가 접했던 명칭, 용어 중에 헷갈리고 정확한 개념 정의가 안됐던 것들을 정리해봤습니다.

• October 06, 2019
• 3 minute read
• • Javascript

2019/09/25 TIL(Today I Learn) - 크로스 도메인 요청 CORS

예전부터 생각해둔 게 있어서 공공 데이터 포털에 들어가 무작정 버스 API 사용 신청을 했고, XMLHttpRequest로 자료를 요청하는 테스트를 진행했다. 그리고 CORS(Cross Origin Resource Sharing) 크로스 도메인 요청 오류를 만나게 됐다.

• September 25, 2019
• 2 minute read
• • TIL
  • CORS
  • API

2019/09/23 TIL(Today I Learn) - Currying 함수에서 arguments, rest parameter 사용하기

• September 23, 2019
• 1 minute read
• • TIL
  • Javascript

Mocha Error: global leak detected: __VUE_DEVTOOLS_TOAST__ (Chrome Browser)

코드스테이츠 체크 포인트를 진행하다 첫 번째 과제인 billTotal 테스트에서 제목과 같은 오류가 발생했다. "Error: global leak detected”로도 검색해보고, "__VUE_DEVTOOLS_TOAST__"으로도 검색해봐도 딱 들어맞는 해결책이 없었고, 내가 작성한 함수에 오류가 있을까 싶어 내용을 싹 지워봐도 오류가 발생했다. 도무지 이게 무슨 오류인지 알 수가 없었다.

• September 03, 2019
• 1 minute read
• • Mocha

2019/08/29 TIL(Today I Learn)

• August 29, 2019
• 2 minute read
• • TIL
  • Hoisting

2019/08/27 TIL(Today I Learn)

• August 27, 2019
• 1 minute read
• • TIL

2019/08/25 TIL(Today I Learn)

Twittler 과제를 끝냈다. 지난 22일 Q&A 세션에서 class 정의 내에 createElement와 appendChild 등 DOM 메서드를 사용하는 코드를 어디에 작성해야 하는지 질문했었고, 그 답변으로 알려주신 방법을 적용했다. 새 트윗이 생성되면 객체 타입으로 트윗 리스트 Array에 push를 해주고 array를 통째로 localStorage에 저장하는 방식이다.

• August 25, 2019
• 1 minute read
• • TIL

2019/08/21 TIL(Today I Learn)

Twittler 과제를 했다. appendChild 메서드를 썼다가 오류를 만났는데 알고보니 데이터가 string 형이었다. appendChild는 "노드"와 노드를 연결해 주는거라 document.createTextNode 메서드를 사용해서 노드로 만들어 준 뒤 appendChild를 해줘야했다.

• August 21, 2019
• 2 minute read
• • TIL

Array.from()으로 연속된 수로 구성된 배열 [1, 2, 3, 4, 5] 만드는 과정 알아보기

이 메서드는 이름에서도 유추해볼 수 있다시피 어떤 데이터로 부터 배열을 생성합니다. 문자열을 문자 단위로 쪼개어 배열로 만들거나 아규먼트를 배열로 만들 수 있으며, 특정 길이의 배열을 만들어 연속된 수를 넣을 수도 있습니다.

• August 19, 2019
• 3 minute read
• • Javascript

2019/08/17 TIL(Today I Learn)

Test Builder 과제를 끝냈다. 인풋으로 받는 카드 번호와, 각 카드 사의 고유한 번호와 길이를 대조하여 어떤 카드사의 카드 번호인지 반환해야했다. 주어진 카드 종류가 적을 때는 간단하게 if 문을 여러개 작성해서 통과했지만, 카드 종류가 점점 늘어나면서 각 카드의 정보를 효율적으로 관리할 수 있게 코드를 새로 작성하게 되었다.

• August 17, 2019
• 1 minute read
• • TIL

2019/08/15 TIL(Today I Learn)

알고리즘 퀴즈를 끝냈다. a006_computeCompoundInterest.js 공식을 보고 지레 겁을 먹을 뻔했다. 하지만 차근차근 읽어보니 이해하기 어렵지 않아 다행이었다. 공식을 그대로 연산식으로 만들어 주었다가, 읽기 쉽게 일부는 변수로 선언해주었다.

• August 15, 2019
• 2 minute read
• • TIL

코드스테이츠 Pre course 4주차 수강 후기: 나는 이렇게 자기주도 학습을 하고 있다.

코드스테이츠 Pre course 35기를 수강한 지 벌써 4주 차에 접어들었다. 아직 초반 같지만, 총 10주 과정이니 거의 절반 가까이 달려온 것이기도 하다. 그동안 내가 어떻게 공부해왔고, 어떤 결과물을 내었는지 중간 점검 차 공유해보려 한다.

• August 14, 2019
• 4 minute read
• • Essay

Git 로컬 폴더 이동 - clone 해놓은 폴더를 다른 경로에 옮기고 싶나요?

로컬에서 Repository를 clone해놓은 폴더를 다른 경로로 옮기고 싶을 땐 어떡해야할까요? 그냥 폴더를 옮겨버리면 오류가 나지 않을까요? 다시 clone을 해줘야하는 건 아닐까요?

• August 13, 2019
• 1 minute read
• • Git

2019/08/12 TIL(Today I Learn)

알고리즘 퀴즈 a005_sumDigits.js를 풀었다. 1921, -412, 460 등.. 숫자를 매개변수로 받아 각 자리수를 모두 더한 값을 반환하는 문제였다. 숫자를 매개변수로 받을 때 연산 처리가 완료된 값으로 받는 걸 알게되었다.

• August 12, 2019
• 1 minute read
• • TIL

2019/08/11 TIL(Today I Learn)

코플릿 Javascript Basic을 끝냈다. 마지막 7번째 주제는 객체에 특정한 key에 들어있는 배열을 이용하는 문제였다. 객체에 특정한 key 값이 없거나, key 값에 대응하는 요소가 배열이 아닐때 또는 해당 배열이 비어있을 경우, undefined나 빈 값 또는 빈 배열을 반환해야하는 조건이 있었다.

• August 11, 2019
• 1 minute read
• • TIL

왕 초보 개발자의 Gatsby 블로그 시작하기 (1) - 설치하기

기존에 jekyll로 깃허브 블로그를 만들었지만, React 기반의 Gatsby로 블로그를 만들어 이전하려고 한다. 나는 프론트앤드 개발자를 목표로 하고 있어서, 앞으로 배우게 될 언어 기반으로 블로그를 만들면 미리 연습해볼 수도 있고, 후에 관리나 커스터마이징 할 때 용이할 것 같아서다.

• August 10, 2019
• 2 minute read
• • Gatsby

Javascript 숫자에서 문자로 형변환 시 String과 toString의 차이?

숫자를 문자로 형변환을 할 때 toString()을 쓴 경우를 많이 봤습니다. 하지만 메소드 중에 문자로 형변환을 해주는 String()도 있습니다. 이 둘에 어떤 차이가 있을까요?

• July 23, 2019
• 1 minute read
• • Javascript

jekyll 블로그 로컬에서 확인하기

• January 07, 2019
• 2 minute read
• • jekyll

자료구조 5강 연결 리스트 실습

올해 초 부터 프로그래밍을 공부 중이다. 상반기에는 열심히 공부하다가, 지금은 진도가 매우 더디지만.. 그 중에 재밌게 공부하고 있는 자료구조에서 연결 리스트 배운 걸 응용하여 프로그램을 짜 봤다.

• October 28, 2018
• 4 minute read
• • 자료구조
  • C

2018 SW제품 시장성테스트 평가단에 지원했습니다

정보통신산업진흥원(NIPA)의 "SW제품 시장성 테스트 및 개선 방안 수립"사업의 일환으로 소프트웨어 사용성 평가자를 모집하고 있습니다. 저는 이 공고를 언젠가 포털사이트 광고를 통해 알게되었는데요. 평소에 제 주변에서 볼 수 있는 디지털 기기나 여러 서비스를 이용할 때, 사용성 측면에서 좋았던 점이나 개선해야할 점을 생각해 보는 게 재밌었던지라, 바로 지원하게 되었어요.

• July 14, 2018
• 1 minute read
• • UI/UX

저작권 걱정 없이 사용 가능한 웹폰트 소개

웹폰트란 웹페이지에서 기본 글꼴 대신에 다른 글꼴을 쓰고 싶을 때 사용하는 폰트입니다. 내 웹사이트에 적용한 폰트가 방문자의 컴퓨터에 이미 설치되어있다면 웹폰트를 사용하지 않아도 되지만, 폰트가 설치되지 않은 컴퓨터에선 기본 폰트로 보입니다. 그래서 폰트를 웹사이트에 내장하여 어느 컴퓨터에서든 내가 설정한 폰트로 보이게끔 하고 싶을 때, 웹폰트를 이용합니다.

• July 10, 2018
• 3 minute read
• • Design

맥(Mac OS) 파인더(Finder)에서 FTP 서버 접속하기

윈도우와 마찬가지로 맥에서도 별도의 프로그램 없이, 파일탐색기를 통해 FTP 서버에 접속할 수 있는 방법이 있다. 다만, 해당 방법은 읽기 전용만 가능하니 업/다운로드 해야한다면 시간 허비하지 말고 프로그램을 설치하자.

• May 31, 2018
• 1 minute read
• • TIPS