본문 바로가기

Developer

(62)
styled-components 색상변경 안될때 styled-components 사용시 css가 적용은 되지만 JS파일에 색상이 아래와 같이 표시될때 styled-components extension이 설치 되지 않아서 발생 하는 문제이다. VScode에서 설치하면 해결
boilerplate code 란? boilerplate code github에 오픈소스를 검색하다보면 boilerplate라는 용어를 많이 접할 수 있다. boilerplate란 표준 문안이라는 뜻의 단어로 프로그래밍에서의 boilerplate code는 위키피디아의 설명을 보면 - 최소한의 변경으로 재사용할 수 있는 것 - 적은 수정만으로 여러 곳에 활용 가능한 코드, 문구 - 각종 문서에서 반복적으로 인용되는 문서의 한 부분 라고 설명되어있다. javaScript나 html에서의 보일러플레이트라고 하면 보통 크로스 브라우징과 호환성을 위한 Modernizr, polyfill, Normalize 등이 적용되어 있는 템플릿 같은 형태로 많이 사용된다.(어떻게보면 seed project와 비슷하다.) 반복되지만 자주쓰이는 형태를 자동화한다..
영화 API Key 받기 https://www.themoviedb.org/ The Movie Database (TMDb) Welcome. Millions of movies, TV shows and people to discover. Explore now. www.themoviedb.org 회원가입 후 로그인 프로필 -> 세팅 -> API클릭 -> API Key 클릭 Developer 클릭 -> 약관동의서 Accept API form 작성 -> 완료
'--isolatedModules' 에러 해결방법 TypeScript에 빈페이지가 있으면 아래같은 에러가 뜬다 cannot be compiled under '--isolatedModules' because it is considered a global script file. Add an import, export, or an empty 'export {}' statement to make it a module. TS1208 빈페이지에 export {} 입력 하면 에러 해결 출처 : https://stackoverflow.com/questions/56577201/why-is-isolatedmodules-error-fixed-by-any-import/56577324
2021 웹개발 트렌드 https://youtu.be/eJp_WtnZfao
서버사이드 렌더링 https://youtu.be/iZ9csAfU5Os
Front-end_면접질문 정리(2) 신입 프론트엔드 개발자 취업과정부터 필요한 능력까지- Part1 취업과정(feat.주니어 개발자) sunnykim91.tistory.com/135 신입 프론트엔드 개발자 취업과정부터 필요한 능력까지- Part2 프론트엔드 개발자 무얼하나?필요한 능력?(feat.주니어 개발자) sunnykim91.tistory.com/136 브라우저의 렌더링 과정에 대해서 상세하게 설명해달라 브라우저 주소창에 www.naver.com 치면 -> 네이버 서버를 찾아간다. -> DNS(실제 서버가 어디에있는지 알고 있는 서버)가 연결해줄 곳을 찾음 -> (여기서 주소 앞에 https가 붙었다면 https방식으로 통신하겠다.) -> 서버의 기본설정이 대부분 index.html되어 있어 서버에서 이파일을 클라이언트로 보냄 -> ..
Front-end_면접질문 정리(1) 질문 및 답변 1.브라우저의 렌더링 과정에 대해서 상세하게 설명해달라 브라우저의 역할은 사용자의 요청을 서버에 전달하고 그 결과를 화면에 나타내는 과정인데 렌더링은 화면에 나타내는 과정을 의미한다. 더 상세하게 알아보면 DOM 생성 CSSOM 생성 Render Tree 생성 Render Tree 배치 Render Tree 그리기 이러한 과정을 통해 브라우저가 서버에 요청한 내용의 노드들을 픽셀화 시키는 것을 브라우저 렌더링 이라고 한다. 2.OOP의 특징에 대하여 설명해달라. OOP는 객체지향 프로그래밍의 약자이다. 객체지향 프로그래밍에 사용되는 객체지향 언어는 4가지의 특징을 가지고 있다. 추상화 - 각 객체들의 공통된 특성을 뽑아낸다. 캡슐화 - 데이터를 은닉하고 데이터의 기능을 노출시키지 않는 의미..