출근하느라 바쁜 쭈니어

웹을 개발하기 위해서는 html , css, javascript가 필히 필요하다. 그런데 코드가 길어지면서, 코드간의 복잡도가 증가하고 유지보수가 어려움 등등의 문제로 웹 프레임뭐크 관리를 도와주는 툴하기 위해서는 html , css, javascript가 필히 필요하다. 그런데 코드가 길어지면서, 코드간의 복잡도가 증가하고 유지보수가 어려움 등등의 문제로 웹 프레임뭐크 관리를 도와주는 툴이 React 리액트이다. 그럼 node.js 노드 제이에스는 무엇이냐면 javascript를 잘 활용하여 웹 브라우저를 개발을 지속하면서, 웹 브라우저가 아닌 곳에서도 javascript를 활용할 수 없을까? 라는 생각으로 나온 툴이다. 즉 javascript+ node.js 가 되면, 웹 브라우저 한계를 넘어서서, ..

css 는 html 태그에 디자인을 넣어주는 요소이다. 이런 형식이 기본 형식이다. 태그, id, class 를 기준으로 속성에다가 값을 넣어줄 수 있다. 태그, id,class 를 기본 선택자이며, 기본선택자를 결합해서 쓰면 복합 선택자이다. 복합선택자 만약에 id안에 있는 태그 중에 첫번째 자식만 해당하고 싶다면 >를 사용하면 된다. 이렇게 선택자에 id를 명시하고, width, height, color, background-color, font-size, font-weight 등등을 설정할 수 있다. 그러면 이렇게 출력이 될 것이다. margin-bottom 을 두면 bottom에 가장자리를 설정할 수도 있으며 border을 통해 테두리를 설정할 수도 있다. solid 는 일반 직선을 말하며, da..

html 태그 ~ 이렇게 h1 부터 h6까지 태그가 있다. 이 태그를 이렇게 쓰면 이렇게 사이즈가 다른 글들이 출력된다. : 일반 text를 쓸 때 사용 : 하이퍼링크 사용하는 태그 태그에선 href 하이퍼링크는 필수 속성이다 : 그림을 보여줄 때 사용하는 태그 태그에선, src 소스는 필수 속성이다. alt는 만약 그림이 오류가 나와서 안 나올시, 출력되는 것이다. 그러면 이렇게 브라우저를 통해서 볼 수 있습니다. 태그는 줄을 안넘기기에 를 사용하면 줄을 넘길 수 있습니다. 태그: input태그를 넣어서 데이터를 전송할 수있게 form이 관리할 수 있도록 한다. 태그: 영역을 나눠주는 , 영역을 구분해주는 태그입니다.

web 을 개발시에는 html, css, javascript 가 all 필요하다 html => 뼈대를 잡는것으로 우리가 웹에서 보는 요소를 정의하는것이다. css=>디자인, 우리가 보는 요소들에게 스타일을 부여한다. javascript => 웹의 동작을 처리한다. 우리는 웹을 볼때 브라우저에게 다운을 받는다. => 이때 다운받는항목들은 html, css, javascript인것이다. 웹에서 window 기준으로 ctrl+shift+f12, f12 를 누르면 개발자도구가 열린다. 개발자도구에서 이 웹이 어떻게 구성이 되었는지 볼 수있다. html => 태그, 속성, 콘텐츠로 크게 구성된다. 1. 콘텐츠 태그 안에 콘텐츠를 넣었다. 태그는 일반 text를 쓸때 사용된다. 2. 태그에 속성이 있다..

1. 바탕화면에 learn-all-with-javascript 폴더를 만든다. 2. vs code에 들어가서 open folder를 해준다. 3. 필요한 설정해준다. 3.1. material theme, material icon theme 를 설치해준다. 4. prettier 코드 자동정렬을 설치해준다. -> 코드를 직관적으로 쉽게 보여줄 수 있도록 해준다. 5. window 기준으로 ctrl + shift+p 를 눌러 open settings(json) 을 눌러준다. settings. json 이 파일에서 대부분에 설정을 할 수 있다. editor. formatOnsave : true editor, showUnused : true, editor, defaultFormatter : esbenp.prett..