post-thumbnail

1차 프로젝트를 끝내며

두려움 7 80 설렘 2 30 으로 시작했던 1차 프로젝트가 드디어 끝났다. 1차 프로젝트 팀이 발표되고 나와 안 친한 사람들( PTSD 그녀... )이랑 너무 어색하지 않을까, 팀에 있던 프,백 권위자들이 나보고 진행 속도가 너무 느리다고 뭐라 하진 않을지... 걱

2020년 12월 26일
·
2개의 댓글
post-thumbnail

"Project: Market Bully" 를 진행중에 메모.. (끄적끄적)

모든 과정들이 나에게는 배움이었지만, 여기에다가 끄적이지 않으면 다시 같은 실수를 남길 거 같아 이 글을 끄적끄적 적어본다. ※ 이 글은 필자가 평소에 몰랐던 것들이나 자주 하는 실수하는 것들을 남기는 것이기에, 내용끼리 상관관계가 없음필자는 마켓컬리에서 다음 페이지를

2020년 12월 20일
·
0개의 댓글
post-thumbnail

Git 이 이렇게 좋은 것이였나요...?

위코드에 오기 전이나, 위코드에 오고 나서도 항상 듣던 말이 있다. > "Git 은 정말 혁신적이고, 사회에 나가서도 Git 를 제대로 쓸 줄 안다고 하면 정말 대우받는다" Git 을 제대로 사용하지 않았을 때, 나는 이 말이 무슨 말인지 도통 이해를 못했다. >

2020년 12월 20일
·
0개의 댓글

동적 라우팅 세션

react 자체는 router 기능이 없기에, 우리는 라우팅 기능을 사용할 때는third-party-library인 react-router-dom을 끌어다가 쓴다. react-router-dom 은 다음과 같은 3가지 값을 props 로 제공한다.historylocat

2020년 12월 20일
·
0개의 댓글
post-thumbnail

장작같은 사람이 되자

​ 10월 3일에 조기전역을 했으니, 전역한 지 어언 2달 반 정도가 되간다. 많은 사람들이 전역하고 나면 소위 "전역 버프" 를 받아 많이들 자신의 삶을 개척해 나가기 시작한다는 데, 나는 별로 그렇지 않았었다. 그저 전역을 했기에, 어떻게 하면 의미있게 "다음 학기

2020년 12월 13일
·
4개의 댓글

자주쓰는 array methods

join() : 배열 -> string 하는 methodsplit() : 문자열들을 지정한 기준으로 구분해 배열로 returnreverse() : 배열 안의 요소들을 반대로 만듬특이점 : array.reverse() 후에 array 에도 \[5,4,3,2,1] 이 저

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

아이디에 고유 값 주기

이 주제로 블로깅을 하게 된 이유

2020년 12월 12일
·
1개의 댓글
post-thumbnail

React | 로그인 페이지를 진행하며.TIL

React로 Westagram 을 구현하기 4일차... 매일매일 느끼는 건 다음 짤들과 같다...힘들다.. 그래도 블로깅은 해야지 치킨계 돈 안내야 되니까... 로그인 페이지를 작업하면서 다음과 코드를 짰었다.위 코드에서 state의 id값이 제대로 바뀌었는지 확인하기

2020년 12월 6일
·
1개의 댓글

2020.12.01 TIL ( Sass )

다음 것들은 공식 문서에서 읽은 sass 의 기능들을 정리해둔 것입니다. 하지만 오늘 보고 몇 가지 기능만을 정리 해둔 것이기에, 내용이 부실하니 지금 보고 계시다면 참고만 해주세요! 아직 풀리지 않은 궁금증들은 맨 아래에 적어뒀습니다.Preprocessing ?Var

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

1. React - Intro (TIL)

어떠한 흐름으로 오늘날 React가 많이 사용되고 있는지 설명할 수 있다.React가 무엇인지 정의할 수 있다.CRA를 설치하고 폴더와 파일이 어떻게 구성되어 있는지 설명할 수 있다.Component의 개념과 종류에 대해 설명할 수 있다.JSX 를 정의하고 기본 특성에

2020년 12월 1일
·
0개의 댓글
post-thumbnail

Westagram 2일차 TIL

오늘 드디어 login html, css, javascript를 끝냈다ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ2일 안에 끝낼 수 있는 거였구나....그런데 참 아이러니 하게 이 짧은 2일이라는 시간 동안 너무나 많은 정보가 나의 뇌에 들어왔기에, 블로깅을 안하고 잘수가 없다... 일단

2020년 11월 26일
·
0개의 댓글
post-thumbnail

Westagram 1일차.TIL

사실 로그인 페이지 완성 후에 블로그를 작성하고자 했으나... 첫 날부터 배운 바가 너무나 많았기에 블로깅 하지 않고 넘어갈 수가 없었다.오늘 진행 내용을 일단 정리해보자 : login.html의 레이아웃 완성 / css 속성 부여( 주로 div들의 자리 조정에 거의

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

26. [es6] arrow function

ECMA Script는 JavaScript를 표준화시키고, 규격화하기 위해 만들어진 것. ( ※ES = ECMA Script )JavaScript의 역사는 점점 깊어지고, 문법의 보완이 필요하면서 버전별로 문법을 확장시키고 브라우저는 특정 버전의 기능별로 지원할 수 있

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

25. Object - 다시...!

{} 으로 생긴 모양의 객체를 object literal( 객체 리터럴 ) 이라고 한다.배열 : 순서가 있는 데이터의 모음but객체는? 순서가 없는 데이터의 모음하지만 이는 상관이 전혀 없다. 왜냐하면 객체는 Key + Value 로 이루어져 있고, 순서로 접근 하는

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

24. Class

이번 단원은 아얘 코드를 보면서 하는게 낫기에 코드를 적는다.

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

23. Scope

JavaScript에서 scope이란, '변수가 어디까지 쓰일 수 있는지'의 범위를 의미합니다.block이란 중괄호({}, curly brace)로 감싸진 것을 block이라고 합니다.ex) function, if, for 문 의 중괄호로 감싸진 것들이 block

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

22. Object

객체 선언 문법 ex)주의 할 점으로는 property 의 이름은 중복해서는 안된다.언뜻 보면 1의 방법이 훨씬 편리하지만, 2의 방법을 써야 변수를 사용해서 프로퍼티의 값에 접근 할 수 있다.다음과 같은 활용도 가능하다.접근 뿐 아니라 수정도 가능하다지금보면 stri

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

21. Number

Math 객체 활용을 기본으로 한다. ( 참고.https://www.w3schools.com/js/js_math.asp )랜덤 함수를 활용을 하는 방법에는 다음과 같은 방법들이 있다.

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

20. 날짜와 시간

날짜 객체 생성시 'new 연산자 + date 생성자' 사용구글 콘솔에 console.log(currentTime) 을 돌리면 다음 처럼 출력이 된다.하지만 실제로 우리가 사용할 때는 console.log(currentTime) 을 잘 쓰지 않고 Date 객체로 각 날

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

18. 데이터 타입

Number (숫자) 이항 연산자(항 2개로 하나의 값을 만든다) : 왼쪽 항 + 오른쪽 항 = 1개의 Output 산술 연산자(이항 연산자 중 사칙연산을 한다): 왼쪽 항 (+ - / \*) 오른쪽 항 = 1개의 OutputString(문자열)""(따옴표), ''(작

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