본문 바로가기

전체 글127

넷플릭스 "애마" 줄거리, 평점, 후기 1. 드라마 '애마' 개요 및 줄거리넷플릭스는 2025년 8월 22일, 1980년대 초반 한국 영화계를 배경으로 한 오리지널 시리즈 '애마'를 공개했다. 이 드라마는 1982년 국내에 큰 반향을 일으켰던 에로 영화 '애마부인'의 탄생 과정과 그 이면의 이야기를 픽션으로 재구성했다. 주된 줄거리는 당시 충무로의 화려한 무대 뒤에서 펼쳐지는 배우들의 치열한 삶과 욕망, 그리고 사회적 억압과 저항을 그린다.주요 등장인물은 톱스타 정희란(이하늬 분)과 신인 배우 신주애(방효린 분)다. 정희란은 기존에 노출을 넘어선 연기를 원하는 배우로서, 영화 '애마부인' 시나리오에 포함된 선정적인 내용에 반발했으나, 제작사 대표 구중호(진선규 분)의 권력과 계약 때문에 어려움을 겪는다. 결국 그녀는 주연 자리에서 강등되고 신.. 2025. 8. 26.
아나운서 김진웅 "도경완은 장윤정의 서브" 사과는 했지만... 1. 발언과 논란의 시작 2025년 8월 24일 KBS2 '사장님 귀는 당나귀 귀' 방송에서 엄지인 아나운서는 도경완에 대해 “남자 후배 중에 장가 제일 잘 갔다 싶은 후배가 도경완이다. 아내가 전국투어 하는 동안 내조 열심히 하고 결혼한 뒤에 방송을 더 많이 한다”고 언급했다. 이에 김진웅 아나운서는 “난 도경완 선배처럼 못 산다. 선배에게 결례인 말일 수도 있지만 누군가의 서브로는 못 산다”고 답하며 논란이 촉발됐다. 엄지인 아나운서는 “도경완이 왜 서브냐”고 바로 반박했다. 도경완을 장윤정의 ‘서브’로 표현한 김진웅의 발언이 방송 직후 시청자들에게 큰 반감을 샀다[6][1][5].2. 장윤정·도경완의 반응과 김진웅의 사과 방송 후 장윤정은 자신의 SNS에 “친분도 없는데, 상대가 웃지 못하는 말.. 2025. 8. 26.
JSX? 그게 뭔데? 1. JSX의 정의JSX는 JavaScript XML의 줄임말로, JavaScript 안에서 HTML 같은 문법을 사용할 수 있게 해주는 문법 확장입니다. JSX는 React 컴포넌트에서 UI를 정의하는데 매우 유용하며, 보다 직관적으로 UI 구조를 작성할 수 있습니다.쉽게 말해, JSX는 JavaScript 코드를 작성하면서 HTML 태그를 넣을 수 있도록 도와주는 도구입니다. 이를 통해 HTML 요소들을 함수형 컴포넌트 내부에서 정의하고 조작할 수 있습니다. JSX의 기본 문법:const element = Hello, world!;위 코드는 JavaScript로 작성되어 있지만, HTML 요소를 포함하고 있는 것을 볼 수 있습니다. JSX를 사용하지 않으면 UI를 JavaScript 코드로 아래와 같.. 2024. 9. 10.
[REGEX] 저장했던거 설명해드릴게요 자바스크립트 정규식 직전에 쓴 글을 확장해보겠습니다.2024.09.06 - [FrontEnd/Java Script] - [REGEX] 저장해두고 사용하세요 자바스크립트 정규식 [REGEX] 저장해두고 사용하세요 자바스크립트 정규식실속있게 내용만 접수 1. 생년월일/^[0-9]{2}\.(0[1-9]|1[0-2])\.(0[1-9]|[12][0-9]|3[01])$/2. 이메일/^[\w-.]+@([\w-]+\.)+[\w-]{2,4}$/3. 전화번호/^01([016789])-?([0-9]{3,4})-?([0-9]{4})$/4. 아이디/^(?=.*[A-Za-z])(?=.*\d)[A-Za-z\d]{8,}$/5fathory.tistory.com이전 글에서 소개했던 자주 쓰는 정규식을 자세하게 뜯어보겠습니다.1. YY.MM.DD 형식의 생.. 2024. 9. 6.
[REGEX] 저장해두고 사용하세요 자바스크립트 정규식 실속있게 내용만 접수 1. 생년월일/^[0-9]{2}\.(0[1-9]|1[0-2])\.(0[1-9]|[12][0-9]|3[01])$/2. 이메일/^[\w-.]+@([\w-]+\.)+[\w-]{2,4}$/3. 전화번호/^01([016789])-?([0-9]{3,4})-?([0-9]{4})$/4. 아이디/^(?=.*[A-Za-z])(?=.*\d)[A-Za-z\d]{8,}$/5. 카드번호/^(?:4\d{3}[- ]?\d{4}[- ]?\d{4}[- ]?\d{4}|5[1-5]\d{2}[- ]?\d{4}[- ]?\d{4}[- ]?\d{4}|2(?:2[2-9]\d|[3-6]\d{2}|7(?:[01]\d|20))[- ]?\d{3}[- ]?\d{3}[- ]?\d{4}|3[47]\d{2}[- ]?\d{6}[- ]?\d{5.. 2024. 9. 6.
[Hoisting] let, const로 선언한 변수도 호이스팅이 될까? 결론부터 말하자면 let과 const 키워드로 선언된 변수도 호이스팅(hoisting)이 됩니다. 그러나 var와는 다른 방식으로 동작합니다.호이스팅이란?호이스팅이란, JavaScript의 기본 동작 방식 중 하나로, 변수와 함수 선언이 스코프의 최상단으로 끌어올려지는 것처럼 동작하는 것을 말합니다. 이로 인해, 코드에서 변수를 선언하기 전에 해당 변수를 참조할 수 있습니다.let과 const의 호이스팅호이스팅 방식: let과 const로 선언된 변수는 호이스팅이 되지만, **"Temporal Dead Zone (TDZ)"**이라고 불리는 구간이 있어, 실제로 변수가 선언되기 전까지는 접근할 수 없습니다.TDZ (Temporal Dead Zone): 코드 블록 내에서 let 또는 const로 선언된 변수.. 2024. 8. 29.
[브라우저 렌더링] 초 간단 요약 1. HTML 파싱 (Parsing)HTML 다운로드: 서버에서 HTML 파일을 다운로드합니다.DOM 생성: 브라우저는 HTML을 파싱하여 **Document Object Model (DOM)**을 생성합니다. DOM은 HTML 문서의 구조를 트리 형태로 표현합니다.2. CSS 파싱CSS 다운로드: 브라우저는 HTML 문서에서 참조된 CSS 파일을 다운로드합니다.CSSOM 생성: 브라우저는 CSS를 파싱하여 **CSS Object Model (CSSOM)**을 생성합니다. CSSOM은 스타일 규칙을 트리 형태로 표현합니다.3. Render Tree 생성스타일 적용: 브라우저는 DOM과 CSSOM을 결합하여 Render Tree를 생성합니다. Render Tree는 화면에 표시할 요소와 그 스타일을 포함합.. 2024. 8. 28.
[this] 5년만에 다시보는 자바스크립트의 this 개요많은 시간이 지나고 나는 this가 지칠하는게 뭔지 잘 알고있는가에 대해서 물어봤을때 잘 모르는게 맞다! 라는 판단이 들었다.그 이유는 면접에서 털렸기때문이다 예제를 보다 구체적으로 알아보면서 컨텍스트에 따라서 this가 어떤 객체를 가리키는가에 대해서 한번 더 알아보고자 한다. 1. 글로벌 컨텍스트 글로벌 컨텍스트에서 this는 전역 객체를 가리킵니다.브라우저 환경에서는 window 객체를, Node.js 환경에서는 global 객체를 참조합니다. // 글로벌 컨텍스트console.log(this); // 브라우저에서는 'window' 객체, Node.js에서는 'global' 객체const person = { name: 'Alice', greet: function() { console.l.. 2024. 8. 28.
HTML 텍스트 스타일링 태그 HTML에서는 텍스트의 스타일과 의미를 명확하게 전달하기 위해 다양한 태그를 제공합니다.웹 페이지를 구성할 때 텍스트의 가독성과 표현력을 높이는 텍스트 스타일링을 할 때 주로 사용하는 HTML 태그들을 알아보겠습니다. 1. strong 태그: 강한 강조strong 태그는 텍스트를 강하게 강조할 때 사용됩니다. 이 태그로 감싸진 텍스트는 대부분의 브라우저에서 굵게 표시되지만, 시맨틱적으로 중요한 내용을 강조한다는 의미를 가집니다. 예를 들어, 경고 메시지나 중요한 사실을 표현할 때 사용합니다.이 제품은 절대 먹어서는 안 됩니다.이 태그는 아래와 같이 표현됩니다. 더 굵게 보이는 텍스트를 보세요이 제품은 절대 먹어서는 안 됩니다." data-ke-type="html">HTML 삽입미리보기할 수 없는 소스 이.. 2024. 8. 21.
반응형