Twittler(3)

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

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

[HoC] Student Ambassador 활동을 마치며

캡처.PNG Ambassador 활동을 시작하기 전 9월 초쯤 한동안 슬럼프에 빠져있었던 기억이 난다. 그 때가 한창 Twittler 과제를 하고 있을 때였는데 바로 그 과제가 나의 발목을 잡아 코딩에 손을 놓고 있는 날이 많았다😔 그 무렵 Codestates에서 프로그래밍을 배워보고자 하는 대학생들을 위해 Student Ambassador라는 ...

2020년 1월 4일
·
3개의 댓글

CSS로 레이아웃 만들기

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

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

[HoC] 성신여자대학교 강연 - 소프트웨어 분야에서 커리어 시작하기

※ 본 블로깅은 강연 내용과 함께 내 생각을 첨언하여 작성한 글이다🙂 성신여대강연포스터.jpg 0. 소프트웨어 분야에서 커리어 시작하기 이 강연은 개발자로의 커리어에 많은 관심을 가지고 있지만 본인이 비전공자라서 혹은 경제적인 여건이 되지 않아 고민하고 있는 대학생들을 위해 코드스테이츠에서 기획한 강연이다. 나는 코드스테이츠 공식 앰배서더로서 우리 학...

2019년 12월 27일
·
0개의 댓글

[HoC] 마지막 워크샵 - 해커톤

Hacker on Campus 일시: 8주차 [2019.12.16.월] 장소: 성신여대 인원: 5명 0. 마지막 워크샵! 12월 둘째 주는 시험기간이었기 때문에 팀원들 모두 스터디 참여가 어려워져서 셋째 주인 12월 16일에 마지막 워크샵을 진행하기로 했다. 이 날까지 html과 css를 완성시켜오는 것을 목표로 하여 마지막 해커톤 시간에는 자바스크립트 ...

2019년 12월 23일
·
0개의 댓글

[HoC] 일곱 번째 워크샵 - 해커톤

Hacker on Campus 일시: 7주차 [2019.12.03.화] 장소: 성신여대 인원: 5명 0. 인트로 및 팀 구성 12월 3일, 일곱 번째 워크샵에서는 HoC의 마지막을 장식할 해커톤을 진행하였다. 팀원들이 모두 모이자 7주차와 8주차에 걸쳐 진행할 해커톤에 대해 간단히 소개하는 시간을 가졌다. 인트로 및 팀 구성은 다음과 같이 진행되었다. ...

2019년 12월 4일
·
0개의 댓글

[HoC] 여섯 번째 워크샵 - HTML & CSS & JavaScript를 활용한 Momentum 만들기

Hacker on Campus 일시: 6주차 [2019.11.26.화] 장소: 성신여대 인원: 4명 0. Momentum을 시작하기 전에 4주차와 5주차에 걸쳐 html, css, JavaScript를 활용해 네이버 댓글 창을 만들고 댓글 창에 입력한 댓글을 출력하는 것까지 진행해보았다. 여섯 번째 워크샵에서는 노마드 코더의 Momentum을 만들어 보았...

2019년 11월 27일
·
0개의 댓글

[HoC] 다섯 번째 워크샵 - HTML & CSS & JavaScript

Hacker on Campus 일시: 5주차 [2019.11.19.화] 장소: 성신여대 인원: 5명 1. DOM 5주차 스터디에서는 DOM의 정의와 DOM을 조작하는 방법에 대해 알아보았다. DOM(Document Object Model) DOM이란? DOM은 HTML 문서의 구조와 관계를 객체(Object)로 표현한 모델로서 트리 구조로 되어있다. ...

2019년 11월 20일
·
0개의 댓글

[HoC] 네 번째 워크샵 - HTML & CSS

Hacker on Campus 일시: 4주차 [2019.11.12.화] 장소: 성신여대 인원: 6명 0. 3주차 복습 3주차에 걸쳐 JavaScript의 기초에 대해 알아보았다. 4주차부터 진행되는 HTML과 CSS에 대한 세션을 들어가기 전에 JavaScript 기초의 마지막 주차였던 3주차에는 어떤 내용들을 배웠는지 간단히 짚고 넘어갔다. 지난 주에는...

2019년 11월 13일
·
0개의 댓글

[HoC] 세 번째 워크샵 - JavaScript 기초

Hacker on Campus 일시: 3주차 [2019.11.5.화] 장소: 성신여대 인원: 4명 0. 2주차 복습 2주차 스터디 이후 꽤 오랜만에 3주차 스터디를 진행했다. 그래서 본격적인 스터디를 시작하기 전에 이전 시간에 배운 내용을 잠깐 복습하는 시간을 가졌다. 2주차에는 배열, 반복문, 객체에 대해 배워보았고 이 중에서 가장 중요한 부분은 반복...

2019년 11월 6일
·
0개의 댓글

[HoC] 두 번째 워크샵 - JavaScript 기초

Hacker on Campus 일시: 2주차 [2019.10.15.화] 장소: 성신여대 인원: 6명 0. 1주차 복습 2주차 스터디를 시작하기 전에 먼저 1주차에 배운 내용들을 복습해보았다. 1주차에는 자바스크립트 기본, 변수와 타입, 비교, 조건문, 함수에 대해 배웠는데 콘솔창을 통해 다시 실습해보며 복습하는 시간을 가졌다. 1. 배열, 반복문, 객...

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

[HoC] 첫 번째 워크샵 - JavaScript 기초

Hacker on Campus 일시: 1주차 [2019.10.08.화] 장소: 성신여대 인원: 6명 0. 스터디 이름을 정해보자 우리 학교에는 성신스터디라는 제도가 있다. 이 제도를 통해 많은 학생들이 본인이 원하는 스터디에 들어가 한 학기 동안 활동을 하게 된다. 또한, 성신스터디를 하게 되면 스터디의 이름을 정해야하는 규칙이 있다. 내가 스터디장으로서...

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

[Coplit] 20190820

오늘 리뷰해볼 문제는 코플릿 알고리즘의 마지막 문제이다. 고난이도의 문제는 아니지만, Pre Course 초반에는 혼자 풀기 어려워서 끙끙댔을 문제를 이제는 스스로 풀어낼 수 있다는 게 뿌듯해서 다시 리뷰해보려고 한다. * 이 문제는 두 정수가 주어졌을 때, 첫번째

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

[Coplit] 20190817

문제 * 객체 두 개가 주어졌을 때, 두 객체를 특정한 방법으로 합치는 문제인데, 두 객체는 각각 obj1과 obj2로 주어진다. * 먼저 나는 두 객체를 합치는 방법을 알아보기 위해 구글링을 했고, 그 결과 Object.assign() 함수를 이용하면 된다는 것을

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

[HoC] Student Ambassador 오티 및 워크샵 준비

1. Codestates Student Ambassador 9월 초쯤 나는 Codestates의 Pre Course 강의를 듣고 있었고 이 때는 twittler 과제로 인해 코딩에 손을 놓고 있는 날이 많았던 것 같다. 슬럼프가 찾아와서 과제를 조금이나마 해보려고 노력해도 금방 막막해져 어떻게 이 상황을 해결해나가야 할지 정말 고민을 많이 했었다. 캡처....

2019년 10월 6일
·
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개의 댓글