분류 전체보기 (50) 썸네일형 리스트형 감정일기장 프로젝트: 거의 끝나가는 word-break: keep-all; 만약 텍스트가 길어져서 줄을 바꿔야 하는 상황이 올 때 단어를 쪼개지 말라는 속성 overflow-wrap: break-word; Max와 리액트 import './Card.css'; function Card(props) { const classes = 'card ' + props.className; return {props.children}; } export default Card; 컴포지션에 대해 배웠다 아직 이해가 잘 안된다 Wrapper Component로 만들기 Max 40.~ return React.createElement( 'div', {}, React.createElement(Expenses, { items: expenses }) ); // return ( // // // // ); Max 42.~ clip-path, letter-spacing, 가운데 정렬 clip-path: polygon(0 0, 100% 0,100% 75vh,0 100%); https://bennettfeely.com/clippy/ letter-spacing 글자 좌우간격 강의 보기 전에 임의로 가운데 정렬 해 본 코드 .center { height: 100%; display: flex; justify-content: center; align-items: center; } 강의에서 알려준 코드 .text-box { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #100daysofcode day47 Advanced CSS and Sass: Flexbox, Grid, Animations and Mor.. 브랜치 만들기, FE회의 fork - pull request 할지 branch 만들지 혼자 고민했는데 A님이 오늘 FE회의 때 브랜치 만들자고 하셨다 궁금했던 것은 clone 하면 환경설정도 같이 받아지는지 였는데 설정은 되는데 npm install은 해야 했다 이걸 몰라서 그냥 npm start 했더니 'sh: react-scripts command not found' 메시지가 나왔다 VSC에서 commit, push 하는 법 배웠다 A님이 쓰신 코드중에 모르겠는 것 useState path / exact path 차이 보안질문 3페이지 브랜치 만들고 코드도 만들었다 선택지랑 버튼 사이 여백을 만들어야겠다 일요일 팀 전체회의 전까지 회원가입 부분도 시도해 보기 코드 관련한 거 말고도 이야기 나눴는데 바닐라 자바스크립트를 열심히.. 온라인 모각코 BE 분들과 구글미트로 같이 코딩했다 혼자 하는 것 보다 딴 짓을 덜 하게 된다 양심이 아직 남아있구나 SASS 설정이 안 된다 sudo로도 해보고 방법 찾아봤는데 안된다 왜 안될까? 클론코딩은 한 거랑 내가 짠 코드는 너무 다르다 내일은 더 잘 하겠지 #100daysofcode day42 #10시부터10시까지10시간 3일차 하고싶은 프로젝트들 외국인 대상 범죄 발생 시, 통역이나 경찰서 방문을 도울 한국인을 연결 해주는 웹사이트나 ios/android 앱 은둔생활을 그만두고 사회생활을 시작하려는 사람들을 위한 커뮤니티 천안아산 맛집 아카이브 - 분류 천안/ 아산 / 그외 영어회화 추천튜터 아카이브 - 분류 나이대 / 장점 / 그외 더 생각해보기 보컬레슨 중개사이트 화상수업 15분/30분 같이 연기할 사람을 구하는 사이트 - 지역자동설정 - 신원확인 FE회의 2022.05.31 회원가입 페이지 구현하기(~6/10?6/11) 카카오 로그인 기능 가져오기 A님에게 커밋메세지랑 파일명 만드는 것을 여쭤봤다 - Harry's commit message template -https://determination.tistory.com/entry/%EA%B9%83-%EC%BB%A4%EB%B0%8B-%EB%A9%94%EC%8B%9C%EC%A7%80-%EC%BB%A8%EB%B2%A4%EC%85%98Git-Commit-Message-Convention 깃 커밋 메시지 컨벤션(Git Commit Message Convention) 개인적으로 공부하면서 몇 개의 정말 소소한.. 작고 소중한.. 개인 프로젝트를 진행했었는데 이러한 프로젝트는 모두 '깃으로 형상관리를 해야지~~'라는 원대한 목표화 함께 .. TIL 2022.05.21 css .DiaryEditor .emotion_list_wrapper { display:grid; grid-template-columns: repeat(5,auto); gap:2%; } 배열일 때 얘의 역할을 모르겠다 ⬇️ .join(" ") 이 속성이 없으면 textarea가 가로로도 줄어들었다 늘어났다해서 이상해진다 resize: vertical; . const navigate = useNavigate(); const handleSubmit = () => { if (content.length TIL 2022.05.20 #100daysofcode day34 TIL 2022.05.19 #100daysofcode day33 css파일에서 이렇게 했는데 왜?? 아직 왜 그런지 모르겠다 아까까지만 해도 괜찮았는데? header .head_text { width: 50%; font-size: 25px; justify-content: center; } header .head_btn_left { width: 25%; justify-content: start; } header .head_btn_rigth { width: 25%; justify-content: end; } 최신순 오래된 순 필터 import { useState } from "react"; const sortOptionList = [ { value: "latest", name: "최신순" }, { value: "oldest", nam.. 이전 1 2 3 4 5 다음
