여기저기 이것저것

인라인(Inline) & 블록(Block) 화면에 출력되는 특성. 인라인(Inline) = 글자 , 왼쪽에서 오른쪽으로 수평으로 쌓임. = span 태그는 글자로 글자로 취급한다. = 콘텐츠의 크키만듬 자동으로 줄어준다.(높이,너비) = 글자는 가로사이즈와 세로 사이즈를 지정할 수 없다. height, width 안먹음. = 여백(padding, margin)의 경우에도 좌우로만 가능하고 위아래로는 불가능하다. = 인라인요소 안에는 블록요소를 담을 수 없고, 인라인 요소는 담을 수 있다. cf) span, img, a, label 블록(Block) = 상자, 위에서 아래로 수직으로 쌓임 = 대표적인 div 태그. = 부모 요소의 크기만큼 가로 너비가 자동으로 늘어남. 세로 요소는 인라인처럼 자동으로 맞춤..

reset-css 웹을 볼 수 있는 브라우저가 많고, 기본적인 셋팅들도 조금씩 다르기 때문에 크로스브라우징을 위해서 reset css를 적용하면 좋다. reset css cdn이라고 검색하면 cdn을 제공하는 사이트가 나온다. 위의 화면이 나오면 reset.min.css의 오른쪽 파일버튼을 눌러서 copy HTML를 누른 후, 작업하고 있는 html header영역에 ctrl + v하기!

프론트 개발할 때 유용한 사이트 https://codepen.io/ CodePen An online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, projects, and web applications. codepen.io 프로젝트를 생성하고 파일을 따로 저장하지 않고, 웹상에서 바로 확인가능.

육아 와이프가 복직을 하였고, 이제 아이들은 내가 케어해야 한다. 와이프의 스케쥴근무로 인해서 집안일 + 육아까지 거의 내 몫인 것 같다. 나는 원래 쉽게 포기하지 않은 성격이다. 나는 인내심이 평균이상이라고 생각되는 사람인데, 집안일 + 육아를 혼자하는 것은 감히 쉬운일이 아니라고 말하고 싶고 인정한다. 와이프가 내 힘듦을 알아주지 않는 것 같아서 섭섭함(?)도 있지만, 와이프가 출산하고 육아휴직하는 동안 아마 나보다 더 힘들지 않았을까 생각된다. (그때 내가 조금 더 고생한다고 표현할 걸 하는 아쉬움이 있다.) 아이들을 키워보니 부모님 생각이 날 수밖에 없는데, 이번에 또 생각이 났다. 아버지는 생계를 유지하느라 외부에서 고생하셨겠지만, 그 옛날 육아템들이 없이 열악한 단칸방에서 홀로 아이들을 키우신..

자동줄맞춤 확장 프로그램 - beautify 1. 왼쪽 사이드바쪽 확장프로그램에서 beautify 검색 후 설치한다. 2. 기능 기여도 > 이름(HookyQR.beautify)를 복사 한다. 3. ctrl + shift + p 를 불러 '바로 가기'를 검색하여 '기본 설정: 바로 가기 키 열기' 연다 4. Beautify selection의 키 바인딩을 더블클릭하여 원하는 키를 넣는다(나는 ctrl + shift + f로 함) 5. test - 원하는 영역 블럭지정 후 바인딩한 키를 누른다. 끝.

나 하나도 몰랐었네? 공부해야 할 것 엄청 많이 생겼다... 최근 aws보면서 대단하다고 생각했었는데.. 네이버에도 대단한게 있었네.. 한눈에 보고 싶어서 캡쳐했는데 서비스들이 상당히 많은 것 같다.. aws보다 한글이라 정이가는건지는 모르겠는데 시간날때 하나씩 파악해봐야겠다. Compute / Containers / Storage Networking / Database / Security AI Services / Application Services / Big Data & Analytics Blockchain / Business Applications / Content Delivery Developer Tools / Gaming / Global Infrastructure Hybrid & Private ..

1. Setting > Build, Execution, Deployment > Compiler - Build Project Automatically 체크 2. Setting > Advanced Settings - Allow auto-make to start even if developed application 체크 (Registry에서 compiler.automake.allow.when.app.running가 없을때)

ES6의 전개연산자(...)를 통해서 array나 object 연산을 쉽게 할 수 있다. 전개연산자는 react보단 ES6문법. 매번 배열이나 오브젝트 연산시 선언하고 하나씩 뽑고 힘들게 했었는데, 전개연산자를 좀 더 간단, 간편, 수월할것 같다. ES5에 너무 익숙해져 있어서 쉽게 쓸 수 있을지.. 콘솔에서 찍어보니 신기하긴한데.. 시대에 뒤쳐진것 같아서 뭔가 씁쓸하네..ㅎㅎ

예전(ES5)에는 변수는 var로 선언해서 사용하였는데, ES6에서는 var의 단점을 보완하기 위해 let과 const가 추가됐다. var는 선언이 이미 되어있더라도 선언하여 변수 할당이 가능함에 따라 프로젝트에서 동일한 변수를 선언해서 사용하게되면 디버깅이 쉽지 않겠지.. let은 중복선언 불가. const는 다른언어랑 마찬가지고 선언과 동시에 변수 할당.

react의 생명주기란 component의 생성, 변경, 소멸 과정을 뜻한다. 생성 render(), constructor(), getDerivedStateFormProps(), componentDidMount() 변경 shouldComponentUpdate() import React,{Component} from "react"; class ComponentTest extends Component{ /* 1. 첫번째로 실행됨. 최초 1회. */ constructor(props){ super(props); this.state={}; console.log("1. constructor log"); } /* 2. 두번째로 실행 됨. */ static getDerivedStateFromProps(props,sta..