TIL9 [TIL] 2025-4-17 리액트 생명주기 이번 강의에서는 리액트에서 생명주기라는 개념을 배웠는데 살짝 헷갈리는 부분들이 있어서 정리해보았습니다.사실 생명주기라는 개념을 Vue작업하면서 겪어보긴 했지만 제대로 배우고 작업했던게 아니라 코드 읽고 쓰면서 느낌으로 배웠던지라 생명주기에 대해 잘이해하고 있는거 같지 않아서 (그래서 뭔가 쓰라고 하면 쓰는데 잘 설명할수는 없는 느낌이랄까요..)이번에 생명주기에 대해서 제대로 정리해보려고 합니다. 리액트 생명주기란?컴포넌트가 화면에 나타나고, 업데이트되고, 사라지는 과정이 각각의 과정속에 설정해둔 특정 함수를 자동으로 호출해 줍니다.-> 더 쉽게 말하자면 컴포넌트가 처음 나타났을 때 뭘 실행할지, 업데이트 되면 뭘 실행할지, 사라질때 뭘 실행할지 정확히 컨트롤 할수 있다는것! 생명주기의 흐름1. 탄생(Mo.. 2025. 4. 17. [TIL] 2025-4-16 React vs Vue 이번 강의에서는 React를 써보았는데 저는 Vue밖에 안써봐서 두개의 차이 점이 뭔지, 어떨때 React를 쓰면 좋고 어떨때 Vue를 쓰면 좋은지 정리해 보았습니다 가장 큰 차이로 느껴졌던건 JSX문법을 사용하냐 HTML,CSS,JS를 사용하냐였던거 같습니다예전에 했던 프로젝트에서 리액트를 사용해보고 싶었는데 JSX를 배우기에는 시간이 촉박하여 포기했던것과(그때는 지금처럼 gpt가 잘 되어있지 않아서 예시를 찾아보는데 오래 걸렸습니다)처음 vue를 사용할때 react 처럼 어려울려나 걱정 했는데 생각보다 쉽게 배웠던것을 생각을 하면 확실히 처음 배울때는 react가 어려운거 같습니다항목ReactVue출시 연도2013 (페이스북)2014 (에반 유)타입라이브러리프레임워크(가벼운 느낌의)철학"Just t.. 2025. 4. 16. [TIL] 2025-4-15 SPA사이트 예시 오늘 강의에서는 spa에 대해 배웠는데 대표적인 spa 사이트가 뭐가 있는지 찾아보았습니다 우선 외국 사이트로는 아래의 사이트들이 있습니다1. Github2. 넷플릭스3. 슬랙4. 스포티파이5. 페이스북6.트위터..가 아니라 X 한국사이트도 찾아보고 싶어서 gpt에 물어봤더니 네이버 지도랑 카카오지도를 말하더군요그리고 f12 -> netowrk에서 페이지를 옮겨다닐때 html 문서가 다시 로드 되는지 확인하면 spa 사이트인지 유무를 알수 있다 해서 테스트 해보았습니다 html을 필터한후에 사이트를 옮겨 다녔는데 네이버 지도는 html이 다시 로드 되지 않았고 카카오는 특정 장소를 클릭하면 html이 다시 로드되는거 같았습니다 그외 테스트할만한 한국사이트가 있다면 추천해주세요! ++++블로그 정리.. 2025. 4. 15. [TIL] 2025-4-14 CDN 문제발생 방지 수업시간에 제이쿼리를 cdn을 실망에서 사용하면 버전문제라던지 cdn 서버다운으로 인해 생길수있는 문제에 대해 말씀해 주셨는데 그럼 어떨때 cdn을 쓰면 유용하고 cdn 사용시 일어날 수 있는 문제에 대해 더 자세히 알아보았습니다. CDN 사용시 발생할 수 있는 문제 상황버전 변경CDN에서 특정 버전이 사라지거나, latest 같은 경로가 자동으로 업데이트되면 의도하지 않은 동작이 발생할 수 있음의존성 충돌여러 라이브러리 간 의존 버전이 다르면 충돌 발생 가능CDN 서버 다운/지연해당 CDN 제공자가 일시적으로 접속 불가 상태가 되면 사이트 전체가 오류날 수 있음보안 위험외부 코드가 변조되면, 사용자에게 악성 스크립트를 전달할 위험 해결방법버전변경 - 정확한 버전 입력 서버 다운/지연, 버전변경 - 로.. 2025. 4. 14. [TIL] 2025-4-11 html 스크립트 삽입 위치 제이쿼리 수업에서 제이쿼리 스크립트는 아래쪽에 넣어야 한다는 말씀을 듣고스크립트 중에 어떤건 위쪽에 넣고 어떤건 안에 넣는거지..? 라는 생각이 들었습니다!항상 그냥 기존에 다른 사람들이 작성한것들 바탕으로 얼추 맞춰서 작성 했어서 정확한 기준을 모르겠더라고요 ㅎㅎ 제가 찾아본 바로는 DOM을 사용하냐? 안하냐?가 주된 기준인거 같았습니다 제가 프론트를 따로 각잡고 공부한적은 없고 항상 프로젝트를 하다보면 저에게 프론트일까지 와버리는 상황이 발생해서(?)항상 급한데로 눈치것 필요한것만 찾아서 개발하는 느낌이였거든요..ㅎㅎ그래서 대충 html에 있는 요소가 생기기 전에 그안에 관련된 내용이 있는 스크립트가 실행되면 문제가 생기는거 같네? 이정도만 생각하고 넘어갔었는데 위에 써야되는 경우는 거의 dom과.. 2025. 4. 11. [TIL] 2025-4-9 노드로 하는 서버개발 / null, None, NaN, null 차이 1. 저번 시간부터 강사님이 추천해주신 it관련 뉴스나, 칼럼들을 볼수있는 사이트들을 정리해 보았다사실 자신이 관심있는 분야의 뉴스와 칼럼은 끊임없이 봐야된다고 고등학교때부터 들어왔고 실천하려고 노력했지만 항상 어느순간 안보고 있는 내모습을 발견하고는 한다..ㅎ사실 힘든 순간이 오면 가장 먼저 내려놓기 시작하는게 이런것들을 보는거인것 같다 그래도 이번에 좋은 사이트들을 알게되기도 했고 노션채널에 꾸준하게 기술공유도 올라오니 다시 시작해봐야겠다 ㅎㅎ강의를 들으면서 이런정보까지 더 쉽게 얻어가는거 같아서 황송하다 허허지식을 공유하지 않고 대화 하려하지 않는 사람들과 있다가여기에 와서 나를 끌어올려주는 사람들을 만나니 감동받아서 눈물이 나올것만 같다..(하지만 안움)https://www.cio.com/kr/ .. 2025. 4. 9. 이전 1 2 다음
