본문 바로가기

분류 전체보기

 (231)
Front-End_면접준비 Front-End 브라우저의 동작 원리 Document Object Model CORS 크로스 브라우징 웹 성능과 관련된 Issues 서버 사이드 렌더링 vs 클라이언트 사이드 렌더링 CSS Methodology normalize.css vs reset.css 그 외 프론트엔드 개발 환경 관련 뒤로 브라우저의 동작 원리 HTML 마크업을 처리하고 DOM 트리를 빌드한다. ("무엇을" 그릴지 결정한다.) CSS 마크업을 처리하고 CSSOM 트리를 빌드한다. ("어떻게" 그릴지 결정한다.) DOM 및 CSSOM 을 결합하여 렌더링 트리를 형성한다. ("화면에 그려질 것만" 결정) 렌더링 트리에서 레이아웃을 실행하여 각 노드의 기하학적 형태를 계산한다. ("Box-Model" 을 생성한다.) 개별 노드를 화면..
JavaScript_기술면접 JavaScript JavaScript Event Loop Hoisting Closure this 에 대해서 Promise Arrow Function 뒤로 JavaScript Event Loop 그림과 함께 설명을 하면 좀 더 이해가 쉬울 것 같아 따로 정리한 포스팅으로 대체합니다. JavaScript 이벤트 루프에 대해서 자바스크립트의 비동기 처리 과정 뒤로/위로 Hoisting ES6 문법이 표준화가 되면서 크게 신경쓰지 않아도 되는 부분이 되었지만, JavaScript 라는 언어의 특성을 가장 잘 보여주는 특성 중 하나이기에 정리했습니다. 정의 hoist 라는 단어의 사전적 정의는 끌어올리기 라는 뜻이다. 자바스크립트에서 끌어올려지는 것은 변수이다. var keyword 로 선언된 모든 변수 선언은..
CS_개발상식 Part 1-1 Development common sense 좋은 코드란 무엇인가 객체 지향 프로그래밍이란 무엇인가 객체 지향 개발 원칙은 무엇인가? RESTful API 란 TDD 란 무엇이며 어떠한 장점이 있는가 함수형 프로그래밍 MVC 패턴이란 무엇인가? Git 과 GitHub 에 대해서 뒤로 좋은 코드란 무엇인가 ‘좋은 코드란?‘이라고 구글링해보면 많은 검색 결과가 나온다. 나도 그렇고 다들 궁금했던듯하다. ‘좋은 코드’란 녀석은 정체도, 실체도 없이 이 세상에 떠돌고 있다. 모두가 ‘좋은 코드’의 기준이 조금씩 다르고 각각의 경험을 기반으로 좋은 코드를 정의하고 있다. 세간에 좋은 코드의 정의는 정말 많다. 읽기 쉬운 코드 중복이 없는 코드 테스트가 용이한 코드 등등… 더 읽어보기 > https..
SPA(Single Page Application)란? SPA란? SPA란 쉽게 말해 1개의 페이지만 있는 애플리케이션이다. 하나의 페이지에서 내용만 바뀌는 것이다. 서버로부터 새 페이지(html)를 불러오지 않고 현재 페이지를 동적으로 다시 작성하는 웹앱 혹은 그런 웹앱을 작성하는 패러다임, 디자인 패턴이다. 최초로 한 번 페이지 전체를 로드한 후에는 데이터만 변경해서 쓸 수 있다. 서버로부터 정적 파일을 한 번이나 여러 번에 걸쳐 다운로드 받고 사용자와 상호작용 중 필요한 데이터만 서버에서 동적으로 받는다. SPA 결과물은 하나의 웹 문서가 아니라 응용 프로그램 같은 것이다. 보통 Amazon S3 버킷의 정적 호스팅을 통해 소스나 파일을 전송한다. 여기서 html 파일 전송은 하지 않고 XML이나 JSON만 서버에서 요청되거나 서버로 전송되는데, 이 정..
비트와 바이트 문자인코딩 개념 정리 10분🙆‍♀️ | 컴공 기본 상식 https://youtu.be/5IRFJt1C5o4
Final team Project 진행과정 (06/03) https://youtu.be/qSNf53fRg-k 프로젝트 기획안을 발표하였다 내가 맡은 스토리보드설명을 제작하고 각자 맡은 녹화한 파일을 하나의 영상으로 편집하였다 이번프로젝트를 진행하면서 나름에 고민이 있었다 프론트파트 ( JavaScript, CSS, HTML, React ) 쪽으로 공부에 집중하고싶어 Final Project는 여기까지 참여하고 React (TypeScript) 위주로 남은 기간동안 공부할 시간을 확보하기로 하였다 다행히 강사님에게 이야기하고 이번 프로젝트에서는 여기까지 하기로 하고 개인 프로젝트를 준비하기로 하였다 팀장님에게도 전달하고 잘 마무리를 하였다
Final team Project 진행과정 (06/02) 오늘 PPT작업을 마무리 지었다 팀원별로 맡은 업무를 분담하고 각자 역활을 잘 수행하니 계획대로 ( 06/03 ) PPT가 마무리 될것같다 메인화면과 전에 구도만 잡아놨던 메뉴칸을 제대로 수정하고 클릭했을때 다른 페이지로 이동하도록 링크도 달았다. 내일은 PPT발표 마지막날이기 때문에 관리자메뉴에 사원,부서,직급 관리를 마무리하고 시연영상을 촬영후 유튜브에 업로드할 예정이다
Final team Project 진행과정 (05/28) 내가 맡은 아래 작업중 종성 : 근태 상훈 : 게시판 세라 : todo/일정 한성 (개인사정으로 팀 탈퇴) : 조직도 세라 : todo/일정 파트 스토리보드를 마무리했다 대부분 단위업무서를 보고 만들었지만 아래사항은 혼자 해결할 수가없어 팀원에게 물어보고 어떻게 할지 해결하였다 - 메일함 간에 이동 어떻게 할지 ==> 하위메뉴 나타나는 기능 - 메뉴( 사내메일 => 어디로? ) ==> 받은 메일함 ( 일정관리 => 캘린더 ) Nav메뉴에 사내메일을 클릭했을때 총 보여야 하는 페이지가 - 받은 메일함 조회 - 보낸 메일함 조회 - 메일 상세 조회 이 부분은 JavaScript로 하위메뉴 버튼을 만들어 목록을 표시할 계획이다 스토리보드에는 하위메뉴 기능이 없어 못넣는것이 아쉬웠다

티스토리툴바