Til
-
20.07.24:: TILStudy/TIL 2020. 7. 24. 11:50
오늘의 한 일 컨버스 홈페이지 클론 프로젝트 -> (제품 리스트 fetch함수 이용하려 백엔드와 연동 후 랜더링 완료!) -> (가격 순으로 sort 완료!) 새롭게 배운 것 {this.state.itemDatas && (} -> 좌항이 true 일 때 우항이 실행됨. state 끌어올리기!!! (연어가 헤엄치듯이 두 컴포넌트의 가장 단거리 맞접히는 컴포넌트에서 state를 통해 서로 데이터를 주고 받을 수 있다!!) 참조 : https://ko.reactjs.org/docs/lifting-state-up.html State 끌어올리기 – React A JavaScript library for building user interfaces ko.reactjs.org 깃은 대소문자를 구분하지 못한다. 그래서..
-
20.07.13:: TILStudy/TIL 2020. 7. 14. 12:00
오늘의 한 일 react로 인스타그램 구현 중 Feed 컴포넌트를 map메소드를 호출하여 구현함. Feed 컴포넌트에서 댓글기능을 따로 컴포넌트화해서 가져옴. 알고리즘 새롭게 배운 것 map 메소드 활용을 처음으로 적용해봄. component를 잘 활용하면 각 피드에 대한 함수적용이 쉽다. (예. 각 피드에서 댓글 기능구현) 위 코드 라이프 '경주마 처럼 달리기 보다는 내가 짠 함수를 다시 돌아보며 가자' 위코드에서 알고리즘 풀기, 과제 구현하기, 새로운 리엑트 기술들 배우기.. 이 모든것들을 따라가려하고, 옆 동료들과 발맞추어 가려다 보니 경주마처럼 달리고 있는 내 모습을 발견하게 된다. 내가 짠 함수를 정말 내 것으로 다시 만들기 위해서는 다시 돌아보고 복기하는 습관이 필요한 것 같다. 매일매일 TI..
-
20.07.06:: TILStudy/TIL 2020. 7. 7. 11:25
오늘의 한 일 자료구조에 대해 공부 자료구조[배열] 공부 react 공식문서 [이벤트 핸들링] 공부 새롭게 배운 것 자료구조는 데이터에 편리하게 접근하고 조작하기 위해 데이터를 저장하거나 조직하는 방법으로써 각 자료구조의 본질과 콘셉트를 이해하고 상황에 맞는 적절한 자료구조를 선택하는 것이 중요하다. 자료구조 중 '배열'의 가장 큰 특징은 순차적으로 데이터를 저장한다는 점이다. 그래서 배열은 주로 순서가 상관 없더라도 서로 연결된 데이터들을 저장할때 일반적으로 사용된다. 배열의 단점은 데이터를 중간에 추가하거나 삭제해야할 경우, 배열을 전부 이동시켜야 하기 때문에 다른 자료구조에 비해 메모리를 많이 차지한다는 점이다. 고로, 데이터 변경이나 이동이 많을 경우에는 적절치않다. 위 코드 라이프 html, c..
-
2020.06.30:: TILStudy/TIL 2020. 6. 30. 20:50
오늘의 한 일 인스타그램 클론코딩 ( 검색창 포커스 시 변화) 인스타그램 클론코딩 코드 클린하게 수정 (클래스네임 변경) 인스타그램 클론코딩 story수정 새롭게 배운 것 padding: 10px 10px 10px; 의미. let spanText = document.getElmentById('span').innerText; 클래스 네임 서로 동일하게, 규칙을 주어서 작성하기 css 우선순위에 맞추어 작성하기 => 클린코드 😚 리눅스 보완해야할 부분 리눅스 블로그 포스팅 내가 작성한 코드로 블로그 포스팅 위코드 라이프 으어어어어 ㅎㅎㅎ 오늘 인스타그램 클론코딩 리뷰 세션이 있었다. 클래스 네임을 신경써서 쓴다고 썼는데.. 그게 아니었다... ㅋㅋㅋ 제대로 확인했어야 했다. 그래서 다시변경하느라 시간을 많이..
-
2020.06.29:: 오늘의 TILStudy/TIL 2020. 6. 29. 21:28
오늘의 한 일 인스타그램 클론코딩 ( 로그인구현, 댓글기능 구현, 하트버튼 누르면 빨갛게 변하는 기능 구현) 새롭게 배운 것 form태그에서 button의 submit 막는 방법 form 태그 안에 있는 button은 무조건 submit 이벤트가 일어난다. submit을 하지 않고 button 기능구현만 하고 싶다면, button의 type을 아래와 같이 button으로 주면된다. 버튼 자바스크립트 DOM에서 getElementsByClassName 으로 html의 태그를 가져오려면, 인덱스 값을 넣어주어야 한다. className은 복수의 데이터를 가져올 수 있기 때문에 그 classname이 1개더라도 옆에 인덱스 [0]을 붙여서 호출해야한다. const commentBtn = document.get..
-
2020.06.24:: 오늘의 TILStudy/TIL 2020. 6. 24. 21:59
오늘의 한 일 웹 개발의 역사 (위코드 세션) 자바스크립트 if문, 연산자, 함수, 배열, 데이터 타입 복습 (리플잇) 새롭게 배운 것 array의 데이터타입은 "object"객체이다. (배열은 확장된 객체이다.) console.log(typeof []); // object null의 데이터타입도 "object"객체이다. null은 말그대로 아무것도 아닌 빈 객체를 가리고 있어서 object라고 나온다. console.log(typeof null); // object function의 데이터타입은 "function". array indexOf() js slice 보완해야할 부분 블로그 포스트 하기. object 포스트하면서 복습하기 위코드 라이프 점심 저녁 먹으면서 점점 사람들과 함께 이야기나누고, 서로..
-
2020.06.23:: 오늘의 TILStudy/TIL 2020. 6. 23. 22:17
오늘의 한 일 css float layout 홈페이지 구현 css media query 이용한 반응형 웹페이지 구현 자바스크립트 함수, if문, 데이터활용 복습 (위코드-리플잇) 새롭게 배운 것 inline 요소와 inline-block요소의 차이점 media query 활용하여 구축 보완해야할 부분 media query 활용한 구축 실제 부분 scss 배우기 위코드 오늘은 멘토님들과의 티타임을 가졌다. "타인과 비교하지 말고, 예전의 나와 현재의 나를 비교하세요" 멘토님들께서 강조하시고 강조하셨던 부분이다. 그런데 생각보다 이게 참 쉽지가 않다. 나에게 보완해야할 부분이 보이는 동시에, 앞서가는 동료가 보인다. 점점 뒤쳐질까 두려워지고, 내가 놓치는게 있을까 두려워져 나도 더 속도를 내게 된다. 그러나..
-
2020.06.22 :: 오늘의 TILStudy/TIL 2020. 6. 23. 10:40
오늘의 한 일 html, css 전체 정리 (리플잇) css float 블로그 정리 css inline & block 블로그 정리 css position 블로그 정리 새롭게 배운 것 css float layout 보완해야할 부분 css media query 적용실습해보기 및 블로그 정리 css float 과 clear 보완 위코드 오늘은 위코드 개강 첫날이었다. 그동안 고대하고 고대하던 시간이 드디어 왔다... 🐣 오늘은 위코드의 오리엔테이션 시간과 개별공부 시간을 가졌다. 개발자로서, 그리고 위코드인으로서 반드시 기억해야할 3가지!! 절대적 시간투자 (12시간 매일) - 절대적 시간을 투자하면 누구나 개발자가 될 수 있다. 같은 답도 누군가에게 여쭈어 얻는것과 혼자 3-4시간 삽질한것에는 습득에 차이가..