항해99 96

[항해99] TIL 사전과제 스터디 D-7

점점 루즈해져 가는 이 느낌.. 바로 잡아야 한다. 내일은 우선 테스트에 집중하고 하루루틴들을 마무리하고 react소개라이브를 듣는다. 내일의 목표는 하루루틴 조금이라도 지키기! 아무 생각이 없다 진짜 아무 생각이 없기 때문이다 그냥 하루 루틴을 정해놓고 최대한 지킨다. 그리고 그 루틴을 진행할때 하는 피드백을 다시 피드백해서 더 발전시킨 피드백을 한다. 이걸 계속한다. 어렵다. 오늘은 잘 못했다.. 내일은 잘하자! 오늘의 react 지금까지 한것들을 총 정리 했다. 사용자 정의 컴포넌트 만들기 useState사용해서 상태관리하기 props.children으로 공통 스타일 만들기 약간의 검증과 유효성검사 설정하기 오류 state관리하기 state 끌어올리기(이 기능 참 마음에 든다!)

항해99 2022.07.06

[항해99] TIL 사전과제 스터디 D-8

월요일 싫다 저 짤방이 은근 맞는 말일지도 모른다는 생각이 든다? 이런 생각이 드는게 지금 제 정신이 아닌 것 같다는 생각도 든다?! 내일은 더 열심히 해야지… 오늘의 react 동적으로 인라인 스타일 설정하기 & css 클래스 설정하기 전에 했던 클래스 이름을 조건에 따라 넣고 빼고를 해서 동적으로 스타일을 입히는 작업이다. styled component 이제야 조금 알 것 같다. 스타일드 컴포넌트가 나에게 맞는 것 같다. 일단 무엇보다 한 페이지에 다 적는다는게 맘에든다. 여러가지 확장성과 다양성이 있다. ``을 써서 html요소를 특정해 스타일링한다. css 모듈 스타일드와 sass의 장점을 합친것같은 모듈 클래스이름이 해시값으로 표현되기때문에 클래스이름을 고민하지않아도 된다. 좋긴한데… 뭔가 확 ..

항해99 2022.07.04

[항해99] TIL 사전과제 스터디 D-10

오전에는 나름 열심히 오전은 괜찮게 리액트를 마무리했다. 하지만 오후에는 너무 하기 싫었다.. 이유가 뭐였을까? 신서유기 모든시즌(1,2제외)의 모든내용을 다 봤다고 생각했는데 티비에서 내가 안 본 감독판이 나왔다. 하필 점심을 다 먹었는데 하는거라 눈물을 머금고 티비를 끈 다음에 코딩을 했는데 집중이 안됐다… 지금까지는 밥먹을때마다 신서유기를 보면 항상 봤던거 또 봐서 별 아쉬움과 미련이 없었나보다 하지만 오늘은 토요일인 것 까지 겹쳐서 후폭풍이 강했다. 앞으로는 더욱 다른 컨텐츠를 안보려 노력해야겠다. 머릿속에서 코딩만 냅둬야지 근데 가능하려나?.. 오늘의 react 렌더링 지금까지 배운내용들을 토대로 렌더링을 진행했다. 전반적으로 바닐라 자바스크립트에서 css display속성을 통해 조건부로 토글..

항해99 2022.07.02

[항해99] TIL 사전과제 스터디 D-11

적응이 되어서 그런지 생각보다 하루 일과가 일찍 끝났다? 근데 사실 막 일찍 끝난건 아닌게 저녁을 안먹었었니 대략 1시간정도 일찍 가는것이다.(현재시각 19시) 사실 강의들이 오늘 전체적으로 짧긴 했다 (지금보니 짧은 것도 짧은 거고 중심적인 내용들이 아니라 들어가는 입문 내용들이었다… react제외 ㅜ) 이래도 되나?.. 근데 오늘 뭐 안 한건 아니니까 약간 개발관련 도서들을 하루에 조금씩이라도 읽으면 좋을 것 같은데 개발 도서 나에게는 프로그래머의 길, 멘토에게 묻다 라는 책이 있긴 한데 이게 진짜 좋은 책이라고 강력 추천 받아서 사긴했지만 안 읽고 있긴 한데.. 하루에 조금씩이라도 읽으면 정말 좋긴 한데… 오늘의 react 이벤트 리스닝 및 이벤트 핸들러 컴포넌트에서 자바스크립트에 onclick이벤..

항해99 2022.07.01

[항해99] TIL 사전과제 스터디 D-12

오늘은 강의를 많이 봐서 힘들다 그래도 나름 열심히 했어 아니 근데 지금 자고 내일 일어나서 또 해야 된다… 고3인가?.. 강의 → 리마인드 → 강의 →리마인드 빠르게 한번 돌리기 위해 반복중이다. 효과가 있는지는 모르겠지만 안 하는 것보다는 마음이 편하다. 나는 프론트가 확실하다. node.js 내가 쓰면서도 무슨말을 쓰는지 모르겠다… 다음엔 더 잘 이해가 되겠지 오늘의 react 컴포넌트는 무엇이고 왜 쓰는지? 그냥 함수다 단 html의 표현하는 함수, 그리고 리액트의 전부이다. 함수인데 javascript코드도 쓸 수 있고 html로 표현할수도 있다. 선언적 방식과 명령적방식 자바스크립트는 명령적 방식인데 리액트는 선언적 방식이다. 훨씬 편하고 직관적이다. props 리액트에서 컴포넌트간에 데이터를..

항해99 2022.06.30

[항해99] TIL 사전과제 스터디 D-13

모하투야 안녕~ 약 2주간 진행했던 모하투 프로젝트를 끝냈다. 사실 더 하고 싶은 욕심이 있었지만 더 잡았다가는 다른 걸 진행하지 못할 것 같아 효율을 위해 못내 놓아준 마음이 더 크다.. 어쩔 수 없는 이별이 이런 느낌일까 다음 프로젝트는 이번 프로젝트를 바탕으로 좀 더 치밀하게 짜야 겠다. 그래도 이번 프로젝트에서 얻은 성과들이 꽤 있다. 개발실력적으로도 협력의 관점에서도 많은 성장을 이루어낸것같다!(물론 내 주관이다..) 깃허브의 README에 적은 회고를 여기에 잠시 발췌해 보고자 한다. 회고록입니다. 14일간 프로젝트를 진행하며 정말 많은 것을 배웠습니다. 제일 의미가 있었던 것은 백엔드는 프론트엔드와는 정말 많이 다르다는 점 내가 아는 유일한 것은 나는 모른다는 점 익숙한 만큼 보인다는 점 이..

항해99 2022.06.29

[항해99] TIL 사전과제 스터디 D-14

프론트와 백의 퓨전 지금까지 하던 프로젝트의 templates파일들과 app.py를 합치는 작업을 했다. 처음부터 시행착오를 겪으며 하려던거였지만 생각보다도 더 어려웠다.. 이번에 느낀 것은 우선 지식이든 실력이든 다다익선이라는 아주 당연한 사실이다. 지금 필요한 것은? 요즘 다시 리액트를 공부하고 있지만 사실 노드도 새롭게 오늘 부터 공부하기 시작했다. 둘 다 정말 빠르게 듣고 있고 듣는 즉시 입으로 직접 말하며 복습해서 뭔가 자료가 남지는 않았지만 빨리 지식을 쌓고 실전으로 들어가는 것이 좋을 것 같다. 지금 필요한 것은 무엇일까.. 항상 어려운 질문이다. 공부는 항상 어렵다. 오늘 공부한 내용 let & const 화살표함수 export 와 import classes spread와 rest 연산자 ..

항해99 2022.06.28

[항해99] TIL 사전과제 스터디 D-15

git 지옥 만약 그동안 git을 등한시 했다면 그 죄는 여기서 받게된다. 알면 알수록 어려우며 다 이해했다고 생각해도 새로운 어려운점이 또 등장한다. 그래도 내가 이해한 방식을 설명해보자면 우선 프로젝트를 클론해온다. 브랜치를 새로 만든다. 내가 수정되는 내용들을 쭉 만들고 커밋하기 전에 pull main을 한다. 만약 여기서 main에 추가된 내용이 있다면 새롭게 다시 업데이트가 되며(기존의 내 코드는 사라지지 않는다.) 만약 내가 코드를 만들때 추가된 내용이 내가 만든 코드와 충돌된다면 이때 git에서 충돌된다고 알려줄테니 main을 보호할 수 있다. pull하고 나서 나의 브렌치에 우선 push를 하고 그런 다음 웹으로 가서 풀리퀘스트 요청을 한다. merge가 되면 기존의 브렌치를 삭제한다.(이..

항해99 2022.06.27

[항해99] TIL 사전과제 스터디 D-16

어제에 이어서 오늘도 계획을 짜는 날이 된 것 같다. 여러가지로 많은 것을 느꼈다. 우선 항상 명심해야하는게 input과 accustom은 최대한 짧게 가져가고 output을 길게 잡아야한다는 것이다. 계속해서 상기해야 안 잊고 잘 유지할 수 있을 것 같다. input과 accustom은 짧게 여러번 하는것이 효과적이다! 리액트 공부의 방향성 지금까지는 그저 책에 있는 내용을 공부하며 블로그에 포스팅한게 다였다면 이제는 기초부터 다시 쌓아가며 새롭게 시작해야겠다는 생각이 들었다. 리액트는 몇번을 반복해도 늘 새롭고 어렵기에… 그래도 어제 계획했던 애자일 방법론을 적용해서 오늘 한번 실천해봤다. 생각보다도 훨씬 더 효과적이고 나에게 잘 맞는 방법인 것 같다. 적극 활용해야겠다. 계획을 크게 잡는 것 보다 ..

항해99 2022.06.26