전체 글13 24.09.20. FE 초격차캠프, AWS해커톤 성공적👍 오즈코딩스쿨에서 제공해 주는 혜택, 그리고 내가 초격차캠프를 선택한 이유중 하나였던 AWS 사옥투어!출발 한달 전부터 기대하고 기대하던 일정 중 하나였다!시골쥐인 나에겐 서울 구경은 언제나 신나는 일!AWS 사옥투어 및 JAM을 체험해보는 귀한 경험을 할수 있었다.그럼, 레쮸고! AWS JAM이 이루어지는 강의실로 가는 길목에 장식물하루종일 비가 내려서 그런가 되게 운치있게 느껴졌다. 입장을 위한 이름표도 받고 본격적으로 오늘 일정을 소개해 주셨고 생각보다 알찬 일정에 잘왔다는 생각이 들었다. AWS JAM 일정이 시작되었다! 팀명은 '삼각김밥' ㅋㅋJAM에 대한 설명도 들으면서 팀명을 정해야 했기에심플하게 '김씨가 3명 이라서 삼각김밥..'(절대 내가 배가 고파서가 아니다..) 점심.. 2024. 9. 20. 20240828. TIL 일주일간의 미니 프로젝트를 끝내고 다시 일상으로 돌아왔다.이번주부터는 Node.js와 Express를 배우게 되는데오늘 첫시간에서는 네트워크의 기초 및 HTTPS의 기본개념CORS에 대해서 배웠다.아주 기초적인 통신개념에 대해서는 어릴 때 컴퓨터 자격증을 공부하며배웠던 개념뿐이라 생소한 용어들과 이론들이 많았다.그래도 프론트앤드 개발자로서 익숙해져야 할 단어들과 이론들이니심화이론까지는 아니더라도 기초까지는 익혀두어야겠다고 생각했다.그럼 가보자고 💡 네트워크란?네트워크는 여러 장치나 시스템을 연결하여 정보를 주고받을 수 있게 하는 시스템인터넷 : 여러 개의 네트워크가 연결 된 것 ≒ 인트라넷 : 내부에서 사용하기 위한 네트워크 → 서로 통신이 가능한 단말들의 연결네트워크의 특성은 물리적 거리에 따라 .. 2024. 8. 28. 20240820. TIL 오늘로써 React과정은 마무리가 되었다React 스타일링과 전역상태관리 (= Context API, Redux, RTK)최적화 함수(=useMemo, useCallback)Lazy & Suspence번들링 & 코드 스플리팅Debounce & Throttle을 배웠었다.심화과정을 하면서 익혔던 것들을 상기하며오늘 치른 시험 오답노트를 작성해 보자! 💡 오답 노트 💡 A. CSS-in-JS 방식으로 스타일링 가능B. 컴포넌트 기반으로 스타일을 캡슐화C. 스타일 시트의 전역 네임스페이스 오염 방지D. 브라우저 호환성을 자동으로 보장 ➡️ CSS 작성 시 개발자가 직접 고려해야 할 사항 (정답) ✔️ 전역 네임스페이스 오염 : 전역 유효 범위를 오염시킨다는 말은 전역 변수와 전역 함수를 전역 객체.. 2024. 8. 20. 20240813. TIL 코드가 복잡하지 않을 때,페이지를 불러오는 상황에서는 잘 느껴지지 않지만대형 프로젝트로 넘어가거나, 브라우저가 불러와야 할 JS파일의 크기가크면 클수록 페이지의 로딩이 느린 것을 우리는 종종 볼 수 있다.그 이유는 왜 그럴까?오늘은 React의 성능 최적화에 대해서 알아보자! 💡 React의 성능 최적화?리액트는 상태가 변화되면 리렌더링이 발생하는 기본적인 작동방식을 가지고 있어 특정 컴포넌트에 리렌더링이 발생하는 것을 흔히 볼 수 있다.이는, 리렌더링이 되지 않아도 되는 컴포넌트나 표시되는 내용이 바뀌지 않는 컴포넌트도 함께 리렌더링이 되는 것이다.그리고 페이지를 로딩할 때 JaveScript로 페이지를 그리기 때문에 첫 페이지 로딩이 너무 오래 걸린다는 단점이 있다.➡️ 결국 React 기본.. 2024. 8. 14. 20240812. TIL React의 전역상태관리 중 가장 많이 쓰이는Redux에 대해 배워보는 시간예습을 조금씩 조금씩 해보았지만실습을 진행하니머릿속 구름이 걷히는 것 같으면서도명확히 해결되지 않는 무언가가 있어서 찝찝한 기분이 든다.일단, 개념부터 다시 짚고강의 반복학습 + 실제로 코드를 짜보는 것 밖에 답이 없겠지간다! •• Redux의 개념 💡 Redux란?가장 대표적인 전역 상태 관리 라이브러리상태 관리 라이브러리 중 가장 많이 사용되고 있다. •• Redux의 데이터 흐름, Flux 아키텍쳐를 중심으로 💡 Flux란?Facebook(현 Meta)에서 개발한 단방향 데이터 흐름을 가지는 아키텍처단방향 데이터 흐름을 가지는 구조의 데이터는 단방향으로만 흐르고, 새로운 데이터를 넣으면 처음부터 다시 시작되는 방.. 2024. 8. 13. 20240808. TIL React의 전역상태관리를 배우기 시작했다.항상 새로운 걸 익히는데 벅차서 이론으로 익혀뒀던 건 체득을 못하는 기분이라조금 더 덜 자고 노력해야 하나 고민이 많아진다..다른 사람보다 느릴지 모르지만꾸준히 하다보면 되겠지!그럼 오늘의 공부 가자 가자 가자고! •• React 내부상태관리 개념 ✔️ 상태(State) 란?React에서 쓰이는 개념으로 React의 Component안에서 사용하는 데이터를 뜻한다State는 변경이 가능한 데이터로 React는 이 State(상태) 변화를 추적하다가 State가 변화하면 그에 따라 화면을 변경한다. 💡 상태의 종류지역 상태 : 특정 컴포넌트 안에서만 관리되는 상태를 뜻한다.컴포넌트 간 상태 : 여러 컴포넌트에서 관리되는 상태를 뜻한다. 다수의 컴포넌트에서 .. 2024. 8. 9. 이전 1 2 3 다음
