솔미는 성장중

코드리뷰를 더욱 빨리 할 수 있는 환경을 만들고자 webhook을 연결했다! 팀원분이 방법을 공유해달라고 하셔서 글을 작성하게 되었다. 디스코드를 항시 켜놓는 나같은 사람들한테는 아주 유용하다 ( •̀ ω •́ )✧ 아주아주 간단하다 ! 방법 1. Discord에서 채널을 생성해준다. 2. 설정 버튼 클릭 후 '연동'으로 이동해서 웹후크를 만들어준다! 3. 새 웹후크를 만들어준다. 4. 해당 웹후크 클릭 후 URL을 복사해준다. 5. Github Settings - Webhooks - AddWebhook Payload URL : 복사한 URL을 붙여넣어주고 뒤에 '/github'을 추가해준다. ex. ~~~~~asdfa/github Content type : application/json으로 변경 Whi..

1. DOM tree 생성 개발자가 작성한 HTML을 브라우저가 전달받으면, 브라우저의 렌더엔진이 이를 파싱 DOM node로 이루어진 트리 생성 2. Render tree 생성 CSS파일과 각 엘리먼트의 inline 스타일을 파싱하고, 스타일 정보를 추가하여 렌더트리 생성 3. Layout 각 노드들은 스크린의 좌표가 주어지고 정확히 어디에 위치해야할지 정해짐 4. Painting 모든 요소들에 색을 입히는 과정 , UI렌더링 예전에는 서버에서 데이터와 함께 완전한 페이지를 렌더해주는 SSR(server side rendering) 방식을 많이 사용했음. SPA의 등장과 함께 CSR(client side rendering)방식이 많이 사용되면서 DOM 업데이트가 복잡하게 발생하는 어플리케이션들이 많아졌..

클래스는 객체이고, 그 안에 있는 것은 '속성'이다. 그래서 this.property 형태로 속성에 접근이 가능한 것이다. 변수 - let/const로 선언해줄 수 있는 것 - 객체.변수 형태로 쓸 수 없다 속성(property) - let/const로 선언 불가 - 객체.속성 형태로 쓸 수 있는 것 클래스 내부에서 쓰는건 변수가 아니라 속성(property)이기 때문에 let/ const를 사용하지 않습니다. 속성앞에는 let/const를 쓰지 않으니까요. class내에 메소드를 만들면 그 안에서는 let/const로 변수 선언이 가능합니다.

기본 설정 npm init -y npm i -D webpack webpack-cli package.json의 "scripts"내에 "build": "webpack --mode production" 추가 webpack.config.js 생성 후 아래 코드 추가 const path = require("path"); module.exports = { mode: "development", //시작점 entry: path.resolve(__dirname, "src/index.js"), //웹팩 작업을 통해 생성된 결과물 output: { path: path.resolve(__dirname, "dist"), filename: "main.js", }, }; scss를 사용하고 싶다면? npm i -D style-lo..

🎯 궁금증 계기 표준 내장 객체를 공부하다가 Array.sort에 대해 접하게 되었다. 예시코드) const numbers = [3,88,1,28,501,210] numbers.sort((a,b) => a-b) console.log(numbers) //[1, 3, 28, 88, 210, 501] 무엇이 안정적이라는 걸까? : 안정 정렬, 불안정 정렬 개념 안정 정렬부터 이야기해보자. 이는 말 그대로 안정적인 정렬이다. 그럼 무엇이 안정적이라는 걸까? 안정적이다 = 정렬을 하고 난 뒤에도 같은 key값을 가진 원소들의 순서가 유지된다 = 기존의 순서 유지가 보장된다 wiki에서 예시 사진을 가져왔다. 좌측 사진은 하트5와 스페이드5를 정렬하는 상황이다! Stable쪽을 보면 5라는 숫자를 배열할 때 하트-..