JSX (JS+XML) 자바스크립트의 확장 문법이며 XML 과 거의 비슷합니다. 이렇게 작성한 코드는 브라우저에서 실행되기 전에 코드가 번들링 되는 과정에서 바벨을 사용하여 일반 자바스크립트 형태의 코드로 변형이 됩니다. function App(){ return ( Hello ); } 이렇게 작성된 코드가 다음과 같이 변환 됩니다. function App(){ return React.createElement("div",null,"Hello ",React.createElement("b",null,"react")); } 만약 컴포넌트를 렌더링할 때마다 JSX 코드를 작성하는것이 아니라 위 코드처럼 매번 React.createElement 함수를 사용해야 한다면 매무 불편할 것입니다. JSX를 사용하면 UI를..

현재 근무를 하고 있는 사내의 기술 포지션이 React(front-end),express(Back-end),MongoDB(database)로 사용이 되면서 지금은 back-end개발을 담당하고 있지만 앞으로 front-end 영역까지 업무 전달이 될것 같아 React를 공부를 해야겠다라고 생각을 했다. 이번 기회에 front-end 개발을 경험할수 있는 좋은 기회라고 생각하여 열심히 공부를 하려고 합니다. React 를 공부를 하기전에 HTML,CSS,Javascript 내용을 복습을 해었고 React를 공부하면서 Javascript의 부족한 부분이 있으면 그때 마다 공부하는것으로 생각을 하고 있습니다. 이번 블로그에서는 React 처음 공부하면서 왜 사용을 하면 React 렌더링의 원리인 Virtaul..

앞 페이지에서 Vagrant 가 무엇이고 어떻게 동작을 하는지에 대해서 전반적인 내용을 살펴보았습니다. (https://cafe-jun12.tistory.com/33) 이번 페이지에서는 vagrantfile 의 기본적인 작성 방법에 대해서 설명하겠습니다. Vagrant Project Struture 프로젝트의 최상위 디렉토리에서 'vagrant init' 명령어를 입력하였을때 vagrantfile 이 생성되는것을 볼수 있습니다.이것은 두가지 의미가 있습니다. 최상위 디렉토리로 부터 트리형식으로 Vagrant 의 많은 구성 옵션이 구성된다는것을 의미합니다. 자세히 말해서 프로젝트를 실행하는데 필요한 VM에 대한 정보 및 논리적인 리소스 자원 관련 정보 및 권한등이 이 디렉토리에서부터 시작이 된다는것 최상위..

Vagrant 를 사용하게 된 이유 2020년도 1월 이번 년도 상반기 IT 개발 직군으로 취업을 위해 IT 회사에 이력서를 넣었고 그중 한군데에서 면접 제의가 왔었고 저는 취업을 해야하는 상황이였기 때문에 면접을 보게 되었습니다. 면접을 보면서 작년에 근무하였던 회사에서 시스템 엔지니어(SE) 기술 지원 활동에 대한 내용으로 질문이 있었고 저는 서버 OS 설치부터 고객 요구사항에 맞게 환경세팅을 한 내용을 테스트한 경험이 있다고 말하였습니다.(SE로 4개월간 근무를 하면서 실제 프로젝트에 혼자 기술지원을 하지 않았고 사수를 따라다니면서 어떻게하는지 본적은 있었습니다. ㅎㅎ) 테스트 환경은 주로 가상머신을 이용하였고 가상화 프로그램으로 Oracle Virtualbox 를 사용했다고 말씀드렸습니다. 그 이..

문제 설명 전화번호부에 적힌 전화번호 중, 한 번호가 다른 번호의 접두어인 경우가 있는지 확인하려 합니다. 전화번호가 다음과 같을 경우, 구조대 전화번호는 영석이의 전화번호의 접두사입니다. 구조대 : 119 박준영 : 97 674 223 지영석 : 11 9552 4421 전화번호부에 적힌 전화번호를 담은 배열 phone_book 이 solution 함수의 매개변수로 주어질 때, 어떤 번호가 다른 번호의 접두어인 경우가 있으면 false를 그렇지 않으면 true를 return 하도록 solution 함수를 작성해주세요. 제한 사항 phone_book의 길이는 1 이상 1,000,000 이하입니다. 각 전화번호의 길이는 1 이상 20 이하입니다. 입출력 예제 phone_book return [119, 976..

1. String,Stringbuffer,StringBuilder 의 차이에 대해서 설명하세요 자바에서 문자형을 다루는 클래스를 말하라고 하면 대표적으로 String 클래스를 말할수 있습니다. 하자만 String 클래스는 immutable(불변의) 클래스입니다. 즉 String 클래스를 이용하여 문자열을 추가할때 기존에 할당된 힙 메모리 영역에 문자열을 수정하는것이 아닌 새로운 메모리공간에 기존의 문자열을 복사하여 추가를합니다. data 변수를 그림과 같이 사용할때 Heap 메모리 영역에서는 데이터를 추가하기위해 += 할경우 기존의 메모리 영역을 수정하는것이 아닌 데이터를 기존 데이터를 복사해 새로운 메모리 영역을 할당합니다.그리고 추가한 데이터를 기존 문자열 데이터 뒤에 붙여 넣습니다. 이러한 Stri..