본문 바로가기

전체 글25

CSS 기초 : html <style>태그, 파일분리, style 속성들, 구글 폰트 적용, 로그인페이지 예제 1. CSS 기본 개념CSS는 구체적으로 어떤 스타일로 요소가 표시되는지를 정하는 규격.초기에는 HTML 하나의 문서로 뼈대와 꾸미기도 함께 했지만, 공통적인 디자인을 갖는 문서가 여럿 존재할 경우 하나를 수정하면 다른 파일도 모두 업데이트를 해야하는 번거로움이 있었음CSS는 이런 문제를 해결함과 동시에 웹페이지의 내용과 스타일의 분리를 통해 역할 분담을 하고 있다. 1) HTML 태그의 style 속성을 이용2) 노란색 문단 2. 선택자어떤 태그에 스타일을 적용할지를 정의해야 하는데 이를 선택자라고 한다. 태그 선택자 : 해당되는 태그 전부에 스타일 적용시킴태그이름 { 속성1: 속성값1; 속성2: 속성값2; }span { color:#F00; }div { color:#0F0; } id 선.. 2026. 1. 7.
HTML 기초 | HTML 기본 개념, 태그와 속성, head+body HTML 기본 개념웹사이트에서 화면에 표시되는 정보를 나타내는 언어Hypertext : 텍스트 이상의 이미지, 링크 등이 포함된 textMarkup Language : 꺽쇠()로 이루어진 태그를 사용하는 규격. 태그를 이용해서 테이터를 표현한다. HTML은 뼈대, CSS는 꾸미기, JS는 움직이기! 태그▫️ HTML은 태그의 이름이 규칙으로 정해져 있고 각 태그마다 역할이 다르다. ▫️ 여는 태그와 닫는 태그가 한 쌍을 이루지만 닫는 태그가 없는 태그도 있다.▫️ 태그 안에 다른 태그가 들어갈 수 있는데, 이때 태그는 연 순서대로 닫아야 한다. 태그의 속성▫️ ▫️ 태그마다 여러 속성을 부여할 수도 있음▫️ HTML에서는 태그의 속성 또한 미리 정의되어 있으며, 태그 속성에 맞는 값을 입력하면 특별한.. 2026. 1. 7.
프로그래밍 기본 세팅 - 기본 단축키, 웹브라우저 원리, 필수 프로그램 설치 기본 단축키 모음 콘솔창 줄바꿈 : shift + enter코드 정렬 : shift + alt + F들여쓰기 : tab / 들여쓰기 취소 : shift + tab주석 : ctrl + /전체화면 : F11 웹 브라우저의 원리1. 사용자가 주소(URL) 입력2. 어떤 IP에 접속해야 하는지 알아냄 (DNS) 3. 브라우저가 해당 서버에 입력한 주소(URL)로 요청4. 서버에서 브라우저의 요청을 해석하고 실행하여 결과 데이터 전송(HTML, CSS, JS, ...)5. 브라우저가 서버에서 받은 값을 해석하여 화면으로 출력6. 웹 브라우징 브라우저는 1) 주소를 통해 API에 정해진 약속대로 서버에 요청을 보내고 2) 받은 데이터 파일을 화면에 그려주는 역할 (데이터는 H.. 2026. 1. 7.
영화 '이보다 더 좋을 순 없다' 줄거리, 강박장애 표현, 작품 평가 영화 ‘이보다 더 좋을 순 없다(As Good As It Gets)’는 1997년 개봉작임에도 불구하고 2026년 현재까지도 꾸준히 회자되는 명작 중 하나입니다. 특히 주인공이 겪는 강박장애(OCD: Obsessive-Compulsive Disorder) 설정과, 그를 중심으로 펼쳐지는 드라마틱한 서사가 인상 깊게 다가옵니다. 이 글에서는 영화의 주요 줄거리와 강박장애의 표현 방식, 그리고 작품에 대한 평가까지 2026년 현재 시각으로 깊이 있게 분석해 보겠습니다. 줄거리영화 이보다 더 좋을 순 없다는 뉴욕을 배경으로, 까칠하고 사회성이 부족한 중년 소설가 멜빈 유달(잭 니콜슨 분)이 주인공입니다. 멜빈은 사람들과 어울리기를 꺼려하고, 지나치게 규칙적인 생활패턴과 결벽증, 반복 행동을 보입니다. 그는.. 2026. 1. 6.
QAing 회고 | 언제 서비스를 접어야 하는가 큐에잉은 3개월간의 PMF 검증 기간과 6개월의 인큐베이팅 기간을 거칠 예정이었지만, 인큐베이팅 도중이었던 3개월차에 서비스 중단을 선고 받고 집행유예 기간으로 마지막 한 달의 시간을 보내게 됐다. 그렇게 도합 7개월의 시간이 마무리되는 시점이 되었다. 이제는 답해야 했다. '이 서비스는 가망이 있는가?' PO의 역할QAing 프로덕트의 PO를 맡으면서, 초반 3개월 동안 시장 검증을 진행한 후 인턴 전환 면접을 봤었다. 그때 기억에 남는 질문 중에 'PO의 역할이 뭐라고 생각하세요?'라는 질문이 있었다. 그전부터 PM과 PO의 차이, PO의 역할에 대해 고민을 했던 터라 '시장의 문제를 발견하고, 제품이 나아가야할 방향을 잡는 사람'으로 답변했다. 면접 마지막에 면접관님께 질문을 드릴 수 있는 기회가 .. 2026. 1. 6.
QAing 회고 | 큐에잉이 안 된 이유 세 가지 간단 요약하는 뼈 때리는 이야기들큐에잉의 시작부터 끝까지를 쭉 다뤘다. 이야기는 우리가 지나온 여러 시행착오들과 나름의 자화자찬과 비판이 섞여있지만 아무튼 결론은 큐에잉은 안됐다. 분명 잘 될 거라는 확신이 있었는데 왜지? 왜 실패한 거야? 대체 어디서부터 잘못된 거지?라는 질문을 간단하고 빠르게 답해보려 한다. 첫째, 안 될 놈이었다.이러나 저러나 제품이 실패하는 이유는 안 될 놈이었기 때문이다. 시장이 원하는 제품이 아니었기 때문이다. 내가 인터뷰 대상을 압박해서 그런 화살 돌리기 게임을 그만두게 하면, 그리고 프로젝트가 실패한 더 근본적인 원인을 찾아보라고 하면, 사람들은 프로젝트 참여자 대부분이 설계나 건축, 마케팅, 판매라는 각자의 분야에서는 나름 유능한 사람이었다는 사실을 깨닫곤 했다. 출.. 2026. 1. 6.