본문 바로가기

분류 전체보기

(231)
Christopher - BAD [가사/해석/듣기] https://youtu.be/ACiyYOz0wsQ I don't wanna be another him 난 또 다른 너의 남자가 되고싶지 않아 That shit is over 그딴건 집어치워 Finally, you found yourself a friend 결국 넌 그냥 친구라 말하며 And you run him over 그 남잘 짓밟았지 Ever since the start, l saw the end around the corner 첫 시작부터 난 다가올 결말을 보았어 Cause I know you so well 난 너를 잘 알거든 So perditable, You're an animal 아주 빤히 보여, 넌 그냥 짐승일 뿐인대 I can't let you go 난 널 놓을수 없어 You're so g..
React.JS 강의 by 코딩앙마 https://youtu.be/05uFo_-SGXU?list=PLZKTXPmaJk8J_fHAzPLH8CJ_HO_M33e7-
Styled Components : 리액트 스타일 컴포넌트 Styled Components? CSS나 SASS같이 class, id, tag name를 가져와 쓰지 않고, 스타일 지정된 컴포넌트 생성하여 Tag 쓰듯 스타일컴포넌트를 쓰는 것을 말한다. 즉, 리액트에서 ui단위를 나누어 컴포넌트화 하듯, 스타일을 컴포넌트화 하여 재사용이 가능하며 전역에서 중첩 사용되지 않게 (컴포넌트 자체에서만 적용됨) 만들어준다. Scss & styled components 비교 CSS만 쓰다 SASS를 처음 썼을때 너무나 편하게 사용한 것도 잠시! 클래스이름이 겹치면 전역에서 같은 클래스 이름에 동시에 적용되는 문제로 여기저기 스타일이 무너지는 문제를 격곤 한다. 그래서 최상위 태그의 클래스명을 시작-하고-또-하이픈을-이어-이름을-짖는 것과 같이 길죽한 문장을 쓰기도 했는데...
'--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가지의 특징을 가지고 있다. 추상화 - 각 객체들의 공통된 특성을 뽑아낸다. 캡슐화 - 데이터를 은닉하고 데이터의 기능을 노출시키지 않는 의미..