profile
그림그리는 프론트앤드 개발자 입니다

React Native _ JavaScript RunTime

React Native 코드가 실행될때, 우리의 JavaScript 코드는 두가지 환경에서 실행 되게 된다.Safari에서 구동하는 JavaScript 엔진인 JavaScriptCore Chrome은 V8을 JavaScript 엔진으로 사용합니다.헤르메스(Hermes)

2022년 5월 9일
·
0개의 댓글

Promise_(2)

여러개의 Promise 를 병렬로 차리할때 사용하는 함수.가장 빨리 처리된 Promise 가져오기.여러개의 Promise 에서 가장 빨리 처리된 Promise 를 반환한다.Promise.race() 함수에 입력된 여러 프로미스 중에서 하나라도 처리가 되면?Prom

2022년 2월 20일
·
0개의 댓글

create-react-app

리액트로 웹 어플리케이션을 마들기 위한 개발환경을 제공.웹팩 : 배포하기 좋은 형태로 묶어주는 도구바벨 : 자바스크립트 코드를 변환해주는 컴파일러테스트시스템, HMR( 이 친구 덕분에 로컬서버를 띄울 수 있음 ), ES6+문법, css 후처리 등 거의 필수적인 개발환

2022년 2월 13일
·
0개의 댓글
post-thumbnail

객체지향 프로그래밍 개념정리 와 4가지 규칙

Object-Oriented-Programming함수들 끼리 서로 연관지어져 있는것.Main() 함수 안에서 playMusic() 함수와 startTimer() 함수를 호출하고, 그 안에서 각각 필요한 함수를 호출하듯이이렇게 서로서로 연관지어져 있는 프로그래밍 방식을

2021년 6월 12일
·
0개의 댓글
post-thumbnail

TypeScript

import \* as React from 'react';import \* as ReactDOM from 'react-dom';import { useState } from 'react';React 자체 는 export default 가 없기 때문에 이렇게 import

2021년 5월 26일
·
0개의 댓글
post-thumbnail

Process & Thread

프로그램을 동작하는 최고의 단위컴퓨터 위에서(운영체제 위에서),독립적으로, 연속적으로, 메모리에서 실행되고 있는 프로그램.각각의 프로세스들은 리소스 자원이 정해져 있다.(프로세스마다 할당된 메모리나 데이터들이 지정되어져 있다.)CODE\_ 프로그램을 실행시키기 위해 작

2021년 4월 26일
·
0개의 댓글
post-thumbnail

this 바인딩

this바인딩 이슈를 해결하는 방법 3가지먼저, 문제가 되었던 코드..!!constructor1\. addEventListener 에 this.onClick을 등록해놓은 상태.2\. field에서 아이템이 클릭되면 콜백함수(this.onClick)가 호출되는 상황.on

2021년 4월 24일
·
1개의 댓글
post-thumbnail

Market Bully

기간 : 2020.12.14 ~ 2020.12.24내용 : 식료품 배달 서비스매일 오전8:30 데일리 스크럼 진행 / 에자일 개발 방식팀원구성 : 프론트엔드(4명) , 백엔드 (3명)사용기술스택 : React , JavaScript, Scss, Notion, Sla

2021년 4월 10일
·
0개의 댓글
post-thumbnail

Another Class 101

Another Class 101 기간 : 2020.12.28 - 2021.01.1 내용 : 취미생활을 위한 온라인 강의와 키트를 제공해 주는 서비스 매일 오전9:30 데일리 스크럼 진행 / 에자일 개발 방식 팀원구성 : 프론트엔드(3명) , 백엔드 (3명) 사용기술스

2021년 4월 10일
·
0개의 댓글
post-thumbnail

OFFERTUNITY

https://offertunity.kr/hello기간 : 2021.01.11 - 2021.02.10회사명 : 모멘티움 (Momentium)내용 : 스타트업과 투자자를 연결해주는 서비스를 제공하는 사이트매일 오전10시 데일리 스크럼 진행 / 에자일 개발 방식팀

2021년 4월 10일
·
0개의 댓글
post-thumbnail

[php]_array_배열

반복문과 뗄레야 뗄수없는 배열에 대해 알아보자 :-)배열 이라는 수납상자에는 데이터가 들어가요.coworkers라는 변수에 배열을 담은거에요.잠시만....$coworkers\[1].'<br>'?????자바스크립트에서 .은 그 안에 있는 요소를 찾을때 인데..???

2021년 4월 6일
·
0개의 댓글
post-thumbnail

[php]_ loop statements_반복문

expr에는 값이 들어온다.expr의 값이 참이면, statement가 실행된다.statement가 다 실행되고 나서 expr를 다시 본다.또 true면 또 statement가 실행되고, false면 더이상 statement가 실행되지 않는다. 💥 조건이 만족되는 동

2021년 4월 6일
·
0개의 댓글
post-thumbnail

[php]Conditional_조건문_isset()

💥 아주 기본적인 내용들 이며, 실용적이지 않은 예시들을 사용하고 있습니다.💥 문법을 익히기 위한 예제들을 사용하고 있습니다.if코드는 위에서 아래로, 시간순서대로 읽혀진다.하지만 if라는 조건문을 사용하면 비동기적으로 코드를 쓸수있다.if문의 값이 true인지,

2021년 4월 6일
·
0개의 댓글
post-thumbnail

[php]Comparison Operators & Boolean data type

데이터 타입을 알려준다.

2021년 4월 6일
·
0개의 댓글
post-thumbnail

[PHP] Basic_dataType / function

무려 1995년에 탄생했다는 PHP.나랑 동갑인데 너무 낯설어하지 말고 친하게 지내보자 🤜🏻$표시로 변수를 할당할수 있다.http://127.0.0.1:8080/parameter.php?name=mina&address=Seoul라고 주소창에 입력시 해당 데

2021년 4월 4일
·
0개의 댓글
post-thumbnail

쇼핑리스트 코드 리팩토링 !

이벤트 위임을 이용해서 코드를 리팩토링 해보자 :-)기존의 쇼핑리스트 내용이 궁금하다면?👉🏻 https://velog.io/@mincode\_/Shopping-List전에는 querySelector로 일일이 DOM에 접근해서 이벤트를 달아주었다면, 이번에

2021년 3월 28일
·
0개의 댓글
post-thumbnail

Event Bubbling

👩🏻‍💻이벤트 캡쳐링과 버블링에 대해 알아보자 :) !간단하게 둘의 차이점은, 방향이라고 할수 있다.이벤트 캡쳐링은 브라우저 에서 이벤트를 탐색하며 안으로 들어가며 진행되는 이벤트 전파 방식이다.이벤트 버블링은 특정 요소에서 이벤트 발생 시 해당 이벤트가 더 상위

2021년 3월 28일
·
0개의 댓글
post-thumbnail

누구나 한번씩은 만들어본다는 바로 그 🌟To Do List🌟

제목 그대로, 프론트엔드 입성후 누구나 한번쯤은 만들어 본다는 바로 그 !! 투두리스트.나도 만들어 보았다 👩🏻‍💻Enter => 리스트 추가.우측 ❌ 버튼 클릭시, 리스트 삭제.내용이 많아질 경우 스트롤 생성.scrollIntoView()로 스크롤이 업데이트 되

2021년 3월 26일
·
0개의 댓글
post-thumbnail

Shopping List

🍦 쇼핑리스트 만들기 자바스크립트 defer 로 연결.input 에 입력되는 값 담아오기.click, Enter 시 리스트 추가.리스트 추가후, 다시 input에 focus가게하기.삭제버튼 클릭시 리스트 삭제.리스트가 화면 넘어 추가될시 스크롤 생성.스크롤 생길시 추

2021년 3월 26일
·
0개의 댓글
post-thumbnail

Render Tree(2)_OPERATION_Layout, Paint,Composite

앞의 글에서 Render Tree 생성 단계까지 알아보았다면 이번엔 그 후 의 단계에 대해, 브라우저 성능개선과 함께 알아보자 :)Render Tree가 생성된 후 부터의 단계를 operation 이라고 부른다.브라우저가 이해할수 있는 Render Tree를 이용해서

2021년 3월 25일
·
0개의 댓글