전체 글400 [TIL] 라이브코딩의 묘미를 안 오늘 / 오늘의 개발일지 오늘로써 프로젝트의 최종 마무리가 점점 되어가면서 ㅈㅇ님이 조원들이 짜놓은 코드를 보시면서 더 깔끔하게 짤 수 있는 부분들을 리팩토링하면서 라이브 코딩을 진행해주셨다 거의 8시간을 리팩토링하는걸 보면서, 중간중간 에러가 났을때 어떻게 해결을 하시는지도 배우고 또 리팩토링을 어떤식으로 해나가는지, 어떤식의 코드를 짜시는지를 계속 볼 수 있었다 한마디로 진짜 너무너무 유익했던 시간이었다 하다못해 코드 한줄을 짤 때도, 어떻게 하면 더 한줄을 줄여서 효율적으로 쓸 수 있는지를 다시 한번 생각할 수 있었다. 오늘 가장 해보고 싶었던 부분은 커스텀훅으로 그동안 만들었던 코드들을 분리시키는 작업이었는데 정규시간이 끝나고 동훈튜터님께 커스텀훅을 짜는 방법을 간단하게 배웠는데 생각보다는 커스텀훅이 어렵지 않게 느껴졌고.. 2023. 1. 11. [MySQL] 백엔드도 재밌엉 >_< MySQL 깔짝여보기 / Express , postman 만져보기 Last login: Wed Jan 11 20:27:38 on ttys004 ➜ ~ mysql -u root Welcome to the MySQL monitor. Commands end with ; or \g. Your MySQL connection id is 8 Server version: 8.0.31 Homebrew Copyright (c) 2000, 2022, Oracle and/or its affiliates. Oracle is a registered trademark of Oracle Corporation and/or its affiliates. Other names may be trademarks of their respective owners. Type 'help;' or '\h' for h.. 2023. 1. 11. [TIL] 날씨땜인가 왜케 졸령 오늘의 개발일지 오늘은 개발일지에 꼭 적고싶은 내용!!!! 바로 요 코드!!!!!!!!!!!!!!!!!!! (전체코드 아님주의, 그대로 복붙하면 에러나니까 잘보세용) const AddToBe = ({ route: { params: { toBeDetail }, }, }) => { const [correctText, setCorrectText] = useState(''); const [typingText, setTypingText] = useState(''); const typingRef = useRef(); const handleChangeClick = () => { if (typingText === correctText) { alert('오늘도 꿈에 가까워지기 성공!'); // firebase에 오늘 날짜를 저장하는 함.. 2023. 1. 10. [리액트네이티브] 프로젝트 하면서 궁금한거 적어논 노트 Side Effect란? React 컴포넌트가 화면에 렌더링된 이후에 비동기로 처리되어야 하는 부수적인 효과들을 흔히 Side Effect라고 일컽습니다. 데이터 가져오기, 구독(subscription) 설정하기, 수동으로 React 컴포넌트의 DOM을 수정하는 것까지 이 모든 것이 side effects입니다. 이런 기능들(operations)을 side effect(혹은 effect)라 부르는 것 React의 class 생명주기 메서드에 친숙하다면, useEffect Hook을 componentDidMount와 componentDidUpdate, componentWillUnmount가 합쳐진 것으로 생각해도 좋습니다. React 컴포넌트에는 일반적으로 두 종류의 side effects가 있습니다. 정.. 2023. 1. 10. [리액트네이티브] 특정 페이지 로딩된 후 뒤로가기 막기 (navigation ,useFocusEffect, reset) 구현하고 싶었던 로직은 처음 splash처럼 만들어놓은 splash 스크린을 3초정도 띄워주고, 바로 로그인 페이지로 이동을 시키는 거였당 (splash 자체에 넣지 않은 이유는 이미지가 아니라 명언 api를 통해 실시간으로 명언이 계속 보이게 하려고 만들어성) 그렇게 완성된 아래 코드!! useFocusEffect(() => { setTimeout(() => { reset({ routes: [{ name: 'Stacks', params: { screen: 'Login' } }] }); }, 3000); }); 코드 분석을 해보면 1. useFocusEffect의 콜백함수에 setTimeout 넣어주기 * useFocusEffect ? 스크린이 포커싱이 되는 그 순간!! 단 한번을 주목하여 필요한 로직(.. 2023. 1. 10. [TIL] 오늘의 개발일지 어제 선발대 과제 제출하느라 거의 밤새고 오늘도 9시부터 회의하고 팀프로젝트하는데 정신이 다른 곳에 있는 느낌이었당 다행히 오전에는 ui작업이라 멍-하게 작업했는데 그러면서도 ㅈㅇ님이 css를 더 깔끔하게 리팩토링해주시는거 진짜 너무좋았당 최대한 겉껍데기(?)에서 margin을 주면서 자식요소들을 정리하는것과, 내가 그동안 불필요한 껍데기들을 많이 쓰고 있었다는걸 느끼고 최대한 덜쓰면서 css를 더 깔끔하게 쓰는 방법을 연구해야겠다고 느꼈다 오후에는 아래 관련된 코드를 짰는데 (요건 깃헙에 커밋할때 내가 썼던내용ㅋ) - 파이어베이스 로그인 연결작업 - 파이어베이스 회원가입 연결작업 - Login, SignUp 페이지에서 유효성 검사 로직 작업 - 파이어베이스 currentUser에 userNickName.. 2023. 1. 9. 이전 1 ··· 26 27 28 29 30 31 32 ··· 67 다음
