분류 전체보기(137)
-
Styled-components as 속성
import React from 'react'; import styled from 'styled-components'; const Father = styled.div` display: flex; `; const Btn = styled.button` color: white; background-color: tomato; border: 0; border-radius: 15px; `; // style 그대로 태그만 바꾸고싶을때 as = "태그이름"을 쓴다. function App() { return ( Log in Log in ); } export default App;
2022.03.29 -
Styled-components 변수처리&확장
import React from 'react'; import styled from 'styled-components'; const Father = styled.div` display: flex; `; const Box = styled.div` background-color: ${(props) => props.bgColor}; width: 100px; height: 100px; `; // 확장 // Box의 속성을 들고온 다음 새로운 속성을 추가해준다. const Circle = styled(Box)` border-radius: 50px; `; function App() { return ( ); } export default App;
2022.03.29 -
항해99 Week 4 WIL
Hard Skill - 최소단위 컴포넌트 쪼개기 - 세션과 firebase auth를 이용한 로그인 기능 구현 - firestore database를 이용하여 게시판 CRUD 구현 - firestore로 이미지 업로드 기능 구현 Soft Skill - 어려운 과제를 직면했을 때 스트레스 컨트롤하고 내 자신을 다독이는 법 느낀점 지난주 숙련주차에는 내가 이제 좀 뭘 할수있네!!! 하면서 기뻐했는데 심화주차에 엄청난 절망을 느꼈다. 다른 사람들은 다 아무렇지 않게 잘 해나가는 것 같고 나만 못하는것 같고!! 진짜 매주 느끼는건데 자꾸 다른사람들이랑 비교하려고하면 오히려 내 작업 속도가 더 느려지고, 머리도 더 안굴러가는 것같다. 내가 할 수 있는것에 최선을 다해가면서 작은 기능 구현 하나에도 보람을 느껴야겠..
2022.02.13 -
[한권으로 읽는 컴퓨터 구조와 프로그래밍] 저수준 I/O(~p.237), 네트워킹
파동에 올라타라 장거리 통신에는 마크-스페이스 방식이 적합하지 않다. 마크-스페이스 신호 문제는 라디오를 가능하게 한 트릭을 똑같이 적용해 해결할 수 있다. 전달하려는 신호를 바탕으로 반송파를 마크-스페이스 파형처럼 변화시키는 변조를 통해서 해결 가능! 범용 직렬 버스 USB는 좀 더 사용하기 어렵고 호환성이 떨어지는 커넥터를 사용하며 요즘에는 장치 충전에 더 중요한 역할을 함. USB로 연결되는 시스템은 모두 똑같은 지위가 아니며 모든 종단점을 담당하는 컨트롤러가 존재한다. USB는 데이터를 패킷으로 나눈다. 패킷이란 우체국 소포와 같은 것으로 택배 송장은 헤더 택배 내용물은 페이로드라고 생각하면 된다 운송 요금은 대역폭으로 생각할 수 있다. 요금이 충분하지 않으면? 배송을 거부할 수 있다. 대역폭이 ..
2022.02.08 -
리액트 심화반 3주차(1)
포스트 목록 가져오기 우리는 목록을 가져오고 게시글을 추가하고, 수정도 하겠죠! 이런 기능을 만들 때는 데이터가 어떻게 변할 지 먼저 고민하고 만들기 시작하는 습관을 길러봐요! 🙂 예) - 추가를 하면, → post_list 배열에 포스트 게시글 딕셔너리가 하나 추가 - 수정을 하면, → post_list 안의 post 딕셔너리의 id로 게시글을 찾고, 게시글 내용하고 이미지 url을 수정 (다른 건 수정 못하게 하자!) - 삭제를 하면, → post_list 안의 post 딕셔너리의 id로 게시글을 찾고, 찾은 걸 배열에서 삭제 - 가져오기를 하면, → post_list를 전달 redux/modules/post.js 만들기 (리덕스 모듈 만들기) import 부터! 필요한 액션이 뭐가 있을 지 먼저 만..
2022.02.08 -
리액트 심화반 2주차(3)
Firebase Authentication Autentication 둘러보기 https://firebase.google.com/docs?authuser=0 문서 | Firebase Firebase SDK 참조, 통합 가이드, 샘플 코드, 라이브러리 firebase.google.com 회원가입 구현하기 firebase.js에 만들어둔 auth 가져오기 리덕스에서 signupFB 함수 만들기 auth.createUserWithEmailAndPassword()로 가입 시키기 Signup 컴포넌트에서 signupFB를 호출! 가입한 후, display_name 바로 업데이트하기 사용자 정보 업데이트 후에 메인 페이지로 이동하기 로그인 구현하기 firebase.js에 만들어둔 auth 가져오기 리덕스에서 logi..
2022.02.07