allblack의 개발 새발 allblack의 개발 새발

잡설 오랜만에 글을 써본다 ㅎㅎ 요즘 암것도 하기 싫어서 놀고 있었는데 이제 다시 쓰기 시작 해야지ㅎㅎ 본론 요즘에서야 display에도 여러 속성들이 있다는 것을 알게 되었다. 요즘에 알게된 여러가지중에 table에 대해 먼저 알아보자 뭐 긴말이 필요하겠는가? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87..

잡담 아... 원래 이거 쓰고 있었는데 한번 날아 가서... 다시 작성합니다. ㅠㅠ 저번까지 했던 파일: https://github.com/famous0811/Todos famous0811/Todos 블로그 자료. Contribute to famous0811/Todos development by creating an account on GitHub. github.com 폴더 분할 이렇게 만들 예정입니다. 참고로 재가 다만든게 아니구여 밑에 있는 출처에서 많이 참고(?) 했습니다. install yarn add @reduxjs/toolkit//새로운 redux관리 프로그램 yarn add react-redux//connect사용하기위해서 이 두가지를 추가로 install 해주세요!! Store and re..

잡설 너무 힘들다 2개를 하루 안에 쓰니... 바로 ㄱㄱ Fotter 기능 구현하기 기능을 설명하자면 all //모든 일정을 보이게 함 clear //클리어한 일정만 보이게 함 active //클리어하지 않은 일정만 보이게 함 clear //completed 모든 일정 제거 cntrolList.jsx ... useEffect(()=>{ showListSet("all"); //시작하자마자 적용 시키기 위해 },[]);//이렇게 사용하면 처음 랜더링 될때만 실행됨 var length=0;//리스트길이 저장 이유는 밑에서 설명 const [nowstate,setnowstate]=useState("all"); list=ListDatas.map((info)=>{if(info.show)++length; return..

잡담 이게 정말 궁금한데 알려주는 데가 없읍어... 그래서 내가 써야징 See the Pen WNQZBRm by famous(유명환) (@famous0811) on CodePen. 이거임ㅎㅎ

잡설 어... 오늘은 바로 시작하겠습니다! 확장자를 변경해 봅시다!! react의 원래 확장자는 js가 아니라 jsx입니다. ?? 실행할 때 에러가 안 나잖아요!! 뭐 오류는 안 나지만 다음과 같은 장점들이 있다고 합니다!!(저도 잘 모르겠어요,,,) JSX는 컴파일링 되면서 최적화되므로, 빠르다 Type-safe (어떠한 연산도 정의되지 않은 결과를 내놓지 않는 것, 즉 예측 불가능한 결과를 나타내지 않는 것 [출처: jerrypop 블로그]) 하며 컴파일링 과정에서 에러를 감지할 수 있다.(js는 안 해줌..) HTML에 익숙하다면, JSX를 사용하여 더 쉽고 빠르게 템플릿을 작성할 수 있다. 뭐 그러한 이유로 이후 추가할 컴포넌트들은. jsx입니다 그리고 App.js를. jsx로 바꿔 주세요!! 구..

확장 프로그램에 가셔서 이 프로그램을 추가하시면 됩니다, 확장자 종류 rcc => class 컴포넌트 생성 rrc =>class 컴포넌트 + react-redux추가 rccp =>class 컴포넌트 생성+ propTypes추가 rsf =>function 컴포넌트 생성 rsfp =>function 컴포넌트 생성 + propTypes추가 등등 엄청나게 많다!!

잡담 css와 scss와 styled-componets의 차이점을 정리해 봤습니다!! 순서 1.css? 2.scss? 3.styled-components? 1. css가 정확하게 뭐더라?? css의 뜻은 Cascading Style Sheet로 우리말로는 "계단식 스타일 시트?"라고 할 수 있겠다. 왜 만들어짐?? html이 만들어지고 난 뒤에 html에 디자인 요소를 포함시키기 위해 온갖 짓을 다한 결과 html 본연의 목적과 전혀 동떨어진 결과가 나왔고 그와 동시에 html 파일을 이해하는 데 어려움이 생겼다. ※도대체 어떻게 html 만으로 style을 구현했지??라는 궁금증을 가진 분들에게 한 가지 예시를 보여 드리겠다. See the Pen dyYRaVq by famous(유명환) (@famou..

잡설 오랜만에 글을 쓴다... 요즘에 좀 나태해져서... 쩝... 주제는 한 10개 가까이 생각해 놨는데... 어쨌든 한 1주 정도를 놀았기 때문에 다시 초심으로 돌아가 보고자(는 훼이크 그냥 복습 용도??)는 마음으로 todolist를 만들어 보겠습니다. 우리가 만들 todolist입니다. ※추신 create-react-app부터 차근차근 만들기를 시작했습니다. 기본 세팅 완료하기! 시작하기 전에 아직도 node.js를 설치하지 않으셨다면 node.js를 설치하세요!! cmd를 여신 다음에 원하는 폴더로 들어가신 다음에 react파일을 만들어 주세요! create-react-app todos 혹시 cmd사용법을 모르신다면?! cd: 파일을 이동 md: 폴더생성 start 프로그램명: 프로그램 실행 di..