# Code States Pre Course

12개의 포스트

Twittler(3)

오늘은 Twittler의 filtering을 구현하는 과정에 대해 살펴보도록 하겠다. filtering은 특정 Username을 클릭하면 해당 User가 입력한 댓글만 보여주는 기능을 말한다. 이 기능을 구현하는 과정에서 문제가 발생했고 그 문제를 해결하기 위해 "

2020년 1월 11일
·
0개의 댓글

CSS로 레이아웃 만들기

CSS로 레이아웃을 만들 때 비슷한 부분이 계속 헷갈려서 한번 총정리해보는 시간을 가지려고 한다. 1. 브라우저에서 사용하는 좌표계 브라우저에서 사용하는 좌표계는 왼쪽 상단의 좌표가 (0,0)이 된다. 이 좌표계를 바탕으로 절대/상대적인 위치에 요소를 positioning 할 수 있다. 예제 좌측에서 50px, 상단에서 50px 떨어진 박스이다. 출력...

2020년 1월 1일
·
0개의 댓글

testbuilder (2)

STEP FOUR class CardInfo getCardInfo() CardInfo 에는 여러개의 prefix 와 length 가 들어갈 수 있습니다. 이 메서드를 통해서 조합 되는 모든 경우의 구분자를 리턴 받습니다. class AllCardInfo checkCardName(cardNumber) cardNumber 에 해당하...

2019년 10월 16일
·
0개의 댓글

testbuilder (1)

image.png Koans 과제가 web 으로 결과를 보며 피드백을 하는 형태라면, testbuilder 과제는 console 에서 시작했다. 구현 내용은 CARD BIN 을 통해 카드의 종류를 확인하는 로직으로 파악하고 시작했다. (CARD BIN 체크는 이전의 주업무 중 하나였는데 이렇게 문제로 보니까 신기했다..) STEP ONE 입력된 문자열...

2019년 10월 16일
·
0개의 댓글

JavaScriptKoans

과거 JAVA 개발 당시 try-catch 문의 단위 테스트, 유닛 테스트의 개념은 알고 있었지만 범위가 작고 혼자 개발했었기에 큰 활용을 하지 않았던 기억이 있다. 그리고 개념적으로만 TDD 를 들어본 나에게 jasmin 을 활용한 Koans 과제는 매우 흥미로웠다. 비록 jasmin 을 처음 알고 api 를 찾아보면서 package.json 과 expe...

2019년 10월 16일
·
0개의 댓글

코드스테이츠 Pre Course 를 시작하며..

개발자 부트캠프를 알아보면서 제일 눈에 띄는 곳은 코드스쿼드와 코드스테이츠였다. 하지만 두 곳 모두 2020 년 초에야 전문가 과정이 오픈하기 때문에 시간이 뜰 수 밖에 없었고 먼저 기초를 다지자는 생각으로 온라인 교육을 듣기로 했다. 코드스쿼드는 수강이 끝났고 코드스테이츠는 2주차를 지나 심화 문제를 풀어가는 지금, 과정의 만족도는 코드스테이츠가 압도적...

2019년 10월 16일
·
0개의 댓글

Twittler

6주차부터는 하나의 웹사이트를 직접 만들어보는 Twittler 과제 기간이 시작되었다. Twittler는 그동안의 세션과는 다르게 하나의 서비스를 직접 구현해볼 수 있는 과제이다보니 가장 기대가 됐다👏 6주차에는 HTML과 CSS에 대해 배우며 내가 나타내고자 하는 바를 웹에 어떻게 표현할 수 있는지(HTML), 또 그것을 보기 좋게 나타내기 위해 어떻게...

2019년 10월 1일
·
0개의 댓글

Twittler(2)

지난 게시글에 이어서 이번에는 이벤트(onclick, onkeyup 등)에 대해 살펴보도록 하겠다. 5. 이벤트(onclick, onkeyup 등) onclick vue image onclick 이벤트를 이용하여 왼쪽 화면의 'Tweet!' 버튼을 눌렀을 때 콘솔 창에 'Thank you!'라는 값이 출력되게 만들 수 있다. 오른쪽 화면의 콘솔창에 보이...

2019년 9월 30일
·
0개의 댓글

Pre Course 5주차 정리

이번 주에는 Closer, 매개변수 다루기, 객체지향 프로그래밍, this 키워드에 대해 배웠보았다. 1. Closer 클로저는 외부 함수에 접근할 수 있는 내부 함수를 말한다. _ 마무리 이번 주에 배운 내용은 나에게 상당히 어려운 수준의 내용이었다. 복습을 자주 하지 않으면 분명히 까먹을 법한 내용...! 더 깊이 있는 이해를 하기 ...

2019년 9월 29일
·
0개의 댓글

Pre Course 4주차 정리

이번 주에는 Number/Math Methods, 변수의 전달, Scope에 대해 배웠다. 0813 화요일 1. Number Methods - Number.isInteger: 정수인지, 아닌지의 여부를 검사한다. 정리 let const var :::::::-: 유효 범위 Block Scope Block Scope Funct...

2019년 9월 29일
·
0개의 댓글

새로운 과제 JavaScript Koans

나는 요즘 코드스테이츠의 Pre Course를 수강하며 코플릿과 알고리즘 문제를 차근 차근 풀어나가고 있다. 그러던 중 프리코스 3주차가 되자 Koans 라는 새로운 과제가 주어졌다. Koans 과제를 수행하기 위해서는 여러 가지 개발자 도구들을 사용할 줄 알아야하기 때문에 이번 주 프리코스는 개발자 도구에 대한 수업으로 진행되었다. 이번 주차에 수업에서 ...

2019년 9월 29일
·
0개의 댓글

비전공자의 프로그래밍 도전기

우연히 한 기사를 보았다. 80대 일본 할머니가 노인용 게임 애플리케이션을 만들어 화제가 되고 있다는 내용이었다. 그 기사를 접하고 난 뒤, 어떤 아이디어를 하나의 서비스로 구현해내는 것의 큰 가치를 다시금 생각해보게 되었다. 일본의 80대 할머니처럼 나의 가치관을 서비스로 구현하여 사람들에게 제공한다면, 나와 같은 가치관을 가지고 있는 사람들에게는 큰 ...

2019년 9월 29일
·
0개의 댓글