본문 바로가기

전체 글219

이직을 하게 되었다 이직을 하게 되었다.flutter 개발자에서 -> flutter와 프론트 개발자 -> 이제 프론트, 백엔드를 하는 개발자로 전향을 했다첫회사에서 이직을 두번을 했는데첫회사와 두번째 회사는 임금이 밀려 퇴사를 하게 되었다.지금 이직한 회사는 임금은 작지만 투자만으로 돌아가는 회사가 아닌 돈을 버는 회사이다여기서 프론트와 백을 동시에 하게 되었다.여기서 공부랑 프로젝트를 열심히 해보자! 2025. 3. 8.
프로토타입 수정중 2023. 1. 12.
브라우저 렌더링과정 1. 파싱: 텍스트 문서의 문자열을 토큰으로 분해하고 parseTree를 생성하는 과정 2. 렌더링: HTML, CSS, JS로 작성된 문서를 파싱해서 브라우저에 시각적으로 출력 렌더링과정 주소창에 url 입력 -> 브라우저는 렌더링에 필요한 리소스(html, css, js 등등)들을 서버에 요청 -> 받은 (html, css, js 등) 리소스들을 파싱해서 브라우저가 이해할 수 있는 자료구조 형태로 만든다 1. html 파싱을 하면 DOM tree 2. css 파싱을 하면 CSSOM tree 3. js파싱을 하면 AST(Abstract Syntax tree) 렌더트리 = DOM tree + Render tree 렌더트리: 화면에 보이는 모든 노드, 컨텐츠, 스타일 정보를 병합한 최종 출력 자바스크립트는.. 2023. 1. 10.
DOM 이란 DOM(Document Object Model): 웹브라우저가 HTML 페이지를 인식하는 방식 Document Object: html문서 태그들을 자바스크립트가 이용할수 있는 객체로만든것 DOM이란 Document Object 와 관련된 객체의 집합 xml이나 html 문서에 접근하기 위한 일종의 인터페이스 DOM은 HTML 문서로부터 생성이 되지만 항상 동일하지 않는다 2023. 1. 10.
개발자도구 Elements, Console, Sources, Network, Application Elements: 로딩된 웹 페이지의 DOM과 CSS를 편집해서 렌더링된 뷰를 확인가능, 편집한내용이 저장되지는 않는다. 렌더링 되지 않았다면 패널을 확인해서 정보를 얻을 수 있다. Console: 로딩된 웹 페이지의 에러를 확인하거나 자바스크립트 소스코드에 포함된 console.log 를 찍어서 정보를 얻을 수 있다. Sources: 로딩된 웹 페이지의 자바스크립트 코드를 디버깅 가능 Network: 로딩된 웹 페이지에 관련된 네트워크요청 정보와 퍼포먼스 확인가능 Application: 세션, 쿠키, 웹스토리지를 확인하고 관리가능 2023. 1. 9.
아무래도 웹개발자로 전향을 해야될 것같다. 현재 flutter 개발자로 10개월정도 경력을 쌓고 있는데 이제 웹개발자로 옮겨야 할것 같다. 경력을 버리더라도 이게 맞을거 같아.. flutter는 서브 언어로 놔두는게 좋을듯 싶다. flutter 개발자로 경력을 쌓는게 너무 불안한것 같다. 차라리 react를 배워서 react native까지 하면 되지 않나? 아니면 차라리 네이티브를 가면 되지 않나? 라는 생각이 머리에서 떠나지 않는다. 그리고 아직 flutter를 지원하지 않는 회사가 너무많다. 다른회사랑 협업을 하면 flutter 는 아예 없는경우가 많아 네이티브단으로 들어가야하는경우가 있다. 나는 아직 젊으니까 1년 경력 정도는 버려도 상관 없을 것 같다. 중고신입이니가 남들보다는 괜찮은 상황이지 않나 싶다. flutter 로 개발한 경험이.. 2023. 1. 9.