코딩쌀롱

세 번째 프로젝트를 시작하는 날. 📚 프로젝트 진행 회고 - 지난 프로젝트를 하면서 하고 싶었던 협업 방식을 서로 이야기 할 수 있어서 좋았다. 이번 프로젝트에서 하고 싶었던 코드리뷰 방식, 위키에 매일 회고 남기기, 회의록 문서화를 하게 돼서 기대된다! - 반찬 쇼핑 웹사이트 프로젝트에서는 백엔드와의 소통이 많이 필요하지 않았던 반면(초반에 api를 제공받았었기 때문), 이번에는 소통이 많이 필요한 미션같다. 그래서 뭔가 더 프로젝트다운 느낌이 들어서ㅎㅎㅎ설레고, 제인과 정과 함께할 수 있어 기쁘다🥳 - 게임 프로젝트라서 그런지, 이전 미션보다는 확실히 복잡해진 느낌이다. 그래서 api설계도 쉽지 않았던 것 같다. 쉽지 않지만 이번 미션도 잘 해보고 싶다! 모두 화이팅✨✨ 📚 개인 공부 회고 - Rea..

저번 회고를 보니까 매주 회고 작성이라고 해놨던데.. 한 달이나 지나서 쓰는 회고. 그간 바뀐 것이 있다면 서울에 아예 자리를 잡았다! 온전히 공부에 집중할 수 있는 공간이 생겼다. 부작용이 있다면, 꾸밀 수 있는 공간이 생기면서 오늘의 집을 너무 많이 본다는 거..🤦🏻‍♀️ ✱잘한 것 첫 주는 집중도 잘 했고, 코딩도 만족스럽게 많이 했다. 월~목에는 알고리즘 스터디를 하면서 알고리즘을 매일 풀고 있다. 항상 잘 풀고 있는 건 아니지만 그래도 잘 하고 있다고 생각한다. 그리고 기술아티클 읽고 한 줄 정리 하는 것도 좋은 것 같다. ✱아쉬운 것 주말에 공부를 못 하고 지나갔다. 토요일에는 본가에 갔다왔고, 일요일에는 조립을 미뤄놨던 행거를 재조립하면서 옷 정리, 서랍 정리..하다가 시간이 다 가버렸다. ..

useState의 지연 초기화를 통해 리액트 함수 컴포넌트를 최적화시킬 수 있다. // 예제 1 const Counter = () => { const [count, setCount] = useState( Number.parseInt(window.localStorage.getItem(cacheKey)), ) useEffect(() => { window.localStorage.setItem(cacheKey, count) }, [cacheKey, count]) return ( Count: {count} setCount((prevCount) => prevCount - 1)}>- setCount((prevCount) => prevCount + 1)}>+ ) } // 예제 2 const Counter = () =>..

참고📚 블로그 - 좋은 코드란 무엇일까?

🍭 호스트 트리 시간이 지남에 따라 변화할 수 있는 트리 출력. 외부 이벤트(상호작용, 네트워크 응답, 타이머)에 대한 응답으로 복잡한 호스트 트리를 예측할 수 있게 조작하는 프로그램을 작성하는 데에 유용. 안정성 - 호스트 트리는 비교적 안정적, 갱신할 때 전체를 뜯어고치지X 규칙성 - 무작위 형태X, 일관된 모습, 동작 UI패턴 🍭 호스트 객체(DOM노드) 리액트는 DOM api를 직접 호출X, 리액트가 처리 🍭 렌더러 create host instance and set the properties 🍭 React 엘리먼트 리액트에서 제일 작은 요소, 매번 새로 만들어짐 persistant X, Immutable O 🍭 Entry Point ReactDOM.render(reactElement, domCo..

4월 22일 무조건 코드가 깔끔한 것이 좋은 것이 아니라, 다양한 사람들로부터 어떻게 발전시켜 나갈지에 대해서도 생각해야 한다. 예전에 비슷한 글을 봤었는데, 그 글은 더 효율적이고 빠른 코드로 수정을 했지만, 협업을 하는 면에서는 그것이 무조건 좋은 것은 아니라는 내용이었다. 중복되지 않고 깔끔한 것, 효율적인 코드가 협업하는 의미에서 무조건 좋은 것은 아닌 것 같다. 지금 학습과정에선 필요한 것 같지만 클린코드충이 되지 말자! 얽매이지 말자! 잘가, 클린 코드 25일 일단 글이 길어서 읽기 힘들었다. 모든 내용들이 다 이해되지는 않았다. 호스트 트리, 호스트 객체 이 부분 특히. 호스트 트리가 브라우저의 DOM 트리인지, 리액트의 virtual DOM 트리인지 아직 모르겠다. 알게된 것들은 왜 직접 ..

Authentication: 누가 ‘누구’라고 했을 때 맞는지 확인하는 것, 내가 나인지 확인 Confirms users are who they say they are Authorization: 권한 부여 Gives users permission to access a resource +--------+ +---------------+ | |--(A)- Authorization Request ->| Resource | | | | Owner | | || Authorization | | Client | | Server | | || Resource | | | | Server | | | jwt.io에서 디코드 가능 방법 중 Authorization Code는 서버가 있을 때만 가능

state가 바뀌면 리렌더링된다. 컴포넌트에 props를 넘겨주냐마냐와는 관련이 없다. (props로 넘겨주는 컴포넌트만 리렌더링된다고 오해하고 있었음)

문제 프로그래머스 소수 찾기 문제 input: 숫자로 이루어진 문자열 output: 숫자를 조합해서 만들 수 있는 소수 개수 네이스 풀이 분석 두 시간 안에 풀지 못해서 네이스 풀이를 분석했다. 코드 고마워요🙂 네이스 코드를 복사해서 vsc에서 디버깅하면서 공부했다. function solution(numbers) { const answer = new Set(); const visited = []; findPrime('', visited, answer, numbers); // N! * logN return answer.size; } function findPrime(prevSum, visited, answer, numbers) { if (visited.length === numbers.length) re..

•3월 첫째 주 : 아주 베리 굿. 집중도 잘 하고 미션도 열심히 잘 했음. •3월 둘째 주 : 첫 오프라인 수업을 화요일에 했음. 월요일 오전 수업, 오후에 병원갔다가 서울 올라오느라 하루에 한 게 없었는데 화요일 오프라인으로 동료들 만나면서 너무 신나서 또 한 거 없이 날림.. 그리고 금요일에는 렌즈삽입술하면서 이 주에 한 것 없이 그냥 날림.. •3월 셋째 주 : 자유 프로젝트 주제를 처음에 애매하게 정해서 이리 바꿔볼까 저리바꿔볼까 하다가 지난 주에 못한 미션을 이어서 함. 그래서 api나 express에서 다양한 http 메서드를 써보는 건 못 해서 너무너무 아쉬움. 바뀐 환경 오프라인을 시작하고 서울을 왔다갔다 하면서 시간을 효율적으로 쓰지 못 했고, 집중도 못 했다. 오프라인은 단 하루일 뿐..