FrontEnd

Untitled백엔드 개발자와 가장 긴밀하게 협업하는 프론트엔드 개발자와의 소통의 유용성, 현직에 대한 이해도 필수Untitled또한 웹페이지로 보여주는데는 Untitled해상도의 차이가 너무나도 크기 때문에 이 또한 염두해야함.UntitledUntitled그리고 기타

콘텐츠 분할 요소입니다. 여러 태그들을 그룹핑하기 위한 태그입니다.블록 요소입니다.CSS로 스타일을 주기 전에는 콘텐츠나 레이아웃에 어떠한 영향도 주지 않습니다.인라인 요소입니다div와 마찬가지로 CSS로 스타일을 주기 전에는 콘텐츠나 레이아웃에 어떠한 영향도 주지 않

사용자에게 입력받은 정보를 제출하기 위한 대화형 컨트롤을 포함하는 문서 구획을 나타냅니다.🙋 꼭 form 태그로 묶어 주어야 하나요?양식을 제출할 때 사용할 HTTP 메서드양식 데이터를 요청(Request) 본문으로 전송브라우저에 의해 캐시되지 않고, 브라우저 히스토

이런 형식의 로그인 페이지를 만들고 싶어서 코드를 작성해 보았다.물론 결과는 똑같이 나왔지만, 알려주신 현직자분의 코드는 나와 조금 차이가 있었다.다음은 회원가입 페이지 만들어보기.이런 형식의 페이지고, 내가 작성한 코드는 그리고 현직자가 작성한 코드.역시 Form태그

Cascading을 비유해보자면 폭포라고 생각해보자! css에도 우선순위가 있는데, External -> CSS in head -> inline CSS -> CSS applied by the user 순이다.그럼 user는 개발자일까? 아님 브라우저를 사용하는 직접적인

CSS 언어에는 충돌 시 어떤 규칙이 우선하는지 규칙이 있습니다.이러한 규칙을 계단식(Cascade) 및 우선 순위(Specificity)라고 합니다.후자 우선의 원칙 뒤에 나오는 CSS가 우선순위가 높습니다구체성(명시도)의 원칙중요성의 원칙동일한 선택자에 동일한 속성

박스의 유형을 결정합니다!박스의 유형을 지정하여 다른 박스들과 어떤 방식으로 배치할지 레이아웃을 설정합니다.block : 요소 전후에 줄 바꿈을 생성합니다.inline : 요소 전후에 줄 바꿈을 생성하지 않는 인라인 요소 상자를 생성합니다. 정상적인 흐름에서 공간이 있

🔴 position이란? 이름에서처럼, position이란 HTML 태그의 위치를 지정해주는 속성입니다. position 속성을 이용해 우리는 페이지의 레이아웃을 결정할 수 있습니다. 🟠 position의 종류 position : static 기본적으로 모든

display:flex자식 요소들이 컨테이너 안 공간을 맞추기 위해서 크기를 키우거나 줄이는 방법을 설정하는 방법입니다부모 요소를 flex-container 자식 요소를 flex-item 이라고 부릅니다.1차원적 레이아웃(x축, 혹은 y축)을 위해 주로 사용합니다.li

자바스크립트는 1995년 넷스케이프사에서 브랜든 아이크 주도하에 만들어진 프로그래밍 언어입니다. 웹페이지에서 동작하는 프로그램을 만들 때 사용됩니다.HTML, CSS를 프로그래밍적으로 제어할 수 있습니다.웹브라우저가 해석해서 실행할 수 있는 유일한 프로그래밍 언어. (

변수는 ‘변할 수 있는 수’, ’변할 수 있는 정보’라는 뜻입니다.프로그램을 만들때는 필요한 숫자나 문자와 같은 데이터를 보관할 공간이 필요한데, 이러한 공간에 들어가는 데이터가 무엇인지 이름을 붙이는 포스트잇 같은 역할을 하는 것이 변수입니다. 🤔. 그럼 변수는 왜

똑같이 만들어보자!코드는 진짜 너무 개판이라 수정하는 시간을 가져보기로,,,,(진짜 길게도 썼다)우선 테두리를 fieldset으로 만들어보자 생각했다가 와장창 박살나도div로 만들어보자고 계획을 수정했다.이후 p태그의 “더 편리해진 위니브에 오신 것을 환영합니다.”를

🔴 조건문 조건문은 조건에 따라 실행되는 코드를 말합니다. 조건식이 참(Truthy)인 값이나 거짓(Falsy)인 값을 반환하는지에 따라 코드를 수행할지 말지 판단합니다. if문 조건에 따라 실행되는 조건문 중 if문은 가장 많이 사용되는 문법입니다. 아래는

🔴 조건문 조건문은 조건에 따라 실행되는 코드를 말합니다. 조건식이 참(Truthy)인 값이나 거짓(Falsy)인 값을 반환하는지에 따라 코드를 수행할지 말지 판단합니다. if문 조건에 따라 실행되는 조건문 중 if문은 가장 많이 사용되는 문법입니다. 아래는

자바스크립트의 타입(Type)은 한국말로 자료형으로 해석되기도 합니다. 변수의 타입은 다양한 데이터를 용도에 맞게 쓰기 위해서 사용합니다. 예를 들어 1234와 같은 숫자는 number type으로, ‘jeju’와 같은 문자는 string type으로 나누어 각각의 데

this - JavaScript | MDNthis는 객체를 가리키는 참조 변수입니다. this는 호출되는 위치에 따라 다른 값을 출력하기 때문에 우리에게 혼란을 줍니다.아래 예제에서 this는 위의 경우에는 window, 아래의 경우에는 myObj입니다. 분명 같은 기

DOM (Document Object Model) 🔴 DOM API 이란? DOM 은 HTML 문서의 내용을 트리형태로 구조화하여 웹페이지와 프로그래밍 언어를 연결시켜주는 역할을 합니다. 이때 각각의 요소와 속성, 콘텐츠를 표현하는 단위를 '노드(node)'라고