전체 글 썸네일형 리스트형 [Linux]간단 명령어 - which 요즈음은 웹서버와 was를 같이 두기도 하지만, 종종 고객사의 요구에 따라 웹서버를 따로 두기도 한다. 최근 주말에 웹서버가 분리된 서버의 재기동을 하면서, 평소에 하던대로 was만 기동하였더니 역시 제대로 동작하지 않아 애를 먹었다. 서버 구성도를 알고 있었음에도 불구하고 웹서버 구동을 간과한 것이다. 아파치 웹서버를 사용중이었는데, 팀장님을 통해 구동해야 하는 명령어의 위치를 파악할 수 있는 which 명령어를 전해들었다. which 명령어를 통해 아파치서버의 위치를 파악했고 무사히 웹서버를 기동할 수 있었다. 더보기 [Spring]스프링 공부 시작 우아한형제들 개발팀장이신 김영한 팀장님의 스프링 강의(인프런)가 요즘 인기가 많다고 하여 관심있게 보다가 우선 무료로 들을 수 있는 기초 강의부터 시작해보기로 했다. 평소에 늘 사용하는 스프링이지만 내가 과연 스프링에 대해 제대로 알고 있는가? 하면 당연히 대답은 "NO"다 MVC패턴, 컨테이너 등 아주 기본적인 개념과 흐름만으로 개발을 해오고 있기 때문이다. (사실 개발을 하고 있다고 하기에도 민망한 수준이다) 이번 기회에 기초부터 확실히 잡아보고 나아가 실력향상까지 도모해 보고자 한다. 더보기 [React.js]Deploy 간단하게 영화리스트 앱을 완성한 후 githut에 배포해보았다. 먼저 github에 배포할 수 있도록 해주는 API를 설치한다. 명령어 : npm i gh-pages 다만 이 경우에 원격저장소와 연결을 해주어야 함. (git remote -v 로 연결된 원격저장소 확인 가능) 이후 package.json 파일에서 "homepage": "https://{github아이디}.github.io/{원격저장소명}" 를 추가한 후 아래의 명렁어도 scripts 내에 추가해 준다. 이후 npm run deploy 로 빌드와 동시에 배포가 가능! 더보기 [JavaScript]Array.map() 자바스크립트의 배열을 요소로 뿌려줄 때 map을 사용했다. map을 사용하면 첫번째 인자를 통해 배열 내의 요소를 하나씩 꺼내올 수 있는데 매개변수를 통해 자유롭게 가공이 가능하다. * 주의할 점은 맵으로 구성하는 요소(HTML태그)에는 반드시 key 값이 필요하다는 점이다. 더보기 [JavaScript] ...(비구조화 할당문법?) 자바스크립트를 활용함에 있어 배열 안에 요소를 추가하고자 할 때 push 를 사용하지만.. 리액트의 state 활용에 있어서는 요소에 직접 값을 대입하는것은 불가능하기 때문에, 배열요소일 경우 set 메소드를 활용할 때 ... 을 통해 배열의 요소추가가 가능했다. 그 외에도 다양한 활용법이 있는 듯 하다.. 자료구조에 대한 공부가 더 필요하다. 더보기 [React.js] State props와 더불어 리액트의 가장 중요한 두 개념인 state와 effect에 대해 공부하였다. 사실 props보다 state를 먼저 배웠지만 포스팅이 늦어졌다. React.useState() 를 통해 생성이 가능하며 생성하는 변수에 첫번째 인자로는 사용할 값을, 두번째 인자로는 상태를 변경해줄 수 있는 함수가 전달된다. import { useState } from "react"; 더보기 (02/06)리액트 공부에 대한 고민 현재 공부하고 있는 노마드코더의 리액트 강의는 사실 생활코딩 리액트 강의를 이전에 들은 후 진행하는 두번째 리액트 강의이다. 첫 리액트 강의가 class 기반의 컴포넌트를 주력으로 하고 있어서 요즘 최신 리액트 경향과는 맞지 않는 점도 있다고 생각했고, 사실 한번 듣고 난 후 직접적으로 적용할 기회가 없다보니 금방 잊어버리고 말았다. 이번 강의를 통해 JS부터 체계적으로 접근하여 조금 더 기초적이면서도 체계적으로 공부하는 기회로 삼고, 곧이어 개인적으로 관련 프로젝트를 진행해보려고 한다. 개인적으로 하게될지, 팀플로 진행하게 될지는 모르겠지만.. 어떻게보면 개인적으로 공부한 후 수행하게 될 프로젝트라 결과물이 잘 나올지 걱정이 된다. 더보기 [React.js]props Props의 개념에 대해 공부했다. 가장 상위 컴포넌트가 되는 App 컴포넌트 내에 자식 컴포넌트들이 존재하게 되는데, 만약 자식 컴포넌트가 같은 속성들을 가지고 단지 이름만 다르다거나.. 하는 경우라면 같은 코드를 중복 작성하여 컴포넌트를 만들기보다는 props를 활용해 하나의 컴포넌트에 다른 인자를 전달함으로서 컴포넌트를 구성해줄 수 있다. props에는 값뿐만 아니라 함수도 전달이 가능하다. 위와 같이 text 라는 props를 받는 Btn 컴포넌트를 하나만 만들어주고 App 컴포넌트에서 Btn에 text라는 이름을 가진 props에 값을 담아 전달해준다. 보기와 같이 같은 Btn 컴포넌트임에도 다른 결과가 도출된다. ps. propTypes 를 통해 전달되는 props의 타입을 지정하고 잘못 전달.. 더보기 이전 1 ··· 6 7 8 9 10 다음
