개발자연습노트

코드를 짜든 디자인을 하든 레포트를 쓰든파일 변경내역을 보존하고 관리하는 과정이 필요합니다. 그러고 싶을 때 프로그래머들은 git을 사용합니다.이거 쓰면 위 사진처럼 파일 복사본을 귀찮게 만들지 않고도 깔끔하게 버전관리가 가능합니다.  git은 리눅스 만든 아저씨가 2005년에 만든 간단한 프로그램인데그때랑 다르게 시대가 많이 바뀌어서- 예전처럼 git checkout 파생명령어 20개 외울 필요없이 신 문법 switch, restore 등을 사용해서 - 복잡한 Vim + Git bash 말고 깔끔한 VSCode 에디터로  쉽게 배워봅시다.      git & 코드에디터 설치   1. 구글에 visual studio code 검색해서 설치합시다.코드 짤 에디터같은거 준비하면 됩니다. 싫으면 그냥 윈도우 ..

Detail 페이지 후 2초 후에 박스가 사라지게 해보라고 했습니다. 동적인 UI 같은거라 그런거 만들 땐 1. UI 상태를 저장할 state 만들고2. state에 따라서 UI가 어떻게 보일지 작성하라고 했으니 그거부터 해봅시다.  function Detail(){ let [alert, setAlert] = useState(true) return ( { alert == true ? 2초이내 구매시 할인 : null } )}그랬습니다.이제 alert라는 state를 true로 바꾸면 노란박스가 보이고false로 바꾸면 안보임  그럼 이제 Detail 페이지 접속 후 2초 후에 저걸 안보이게 처리하려면 useEffect와 setTimeout 이런거 쓰면 될..

오늘은 Lifecycle 어쩌구랑 useEffect라는 함수에 대해 알아봅시다. 어딜 들쳐봐도 다들 어렵게 가르치는 Lifecycle 이라는 개념이 있는데 실은 별거아닙니다.이걸 배우는 이유는 componentDidMount() 이런 유용한 Lifecycle 함수들을 쓰기 위해서 배우는겁니다.요즘 사람들은 저렇게 긴 함수 안쓰고 useEffect() 라는 깔끔한 함수를 사용하기 때문에 우리도 그걸 배워봅시다.     컴포넌트의 인생  여러분이 만들어쓰고있는 컴포넌트는 Lifecycle이라는 개념이 있습니다.컴포넌트도 인생이 있다는겁니다.   컴포넌트는1. 생성이 될 수도 있고 (전문용어로 mount)2. 재렌더링이 될 수도 있고 (전문용어로 update)3. 삭제가 될 수도 있습니다. (전문용어로 unm..