정말 개념을 모르겟어요 프론트엔드 백앤드 등등

Question

apm 시절 그누보드 제로보드 수정 조금식 해보고(구글링해서?)<? phpinfo() ?>이거만 기억합니다..저번 글에서처럼제가 원하는게5개의 사이트를 한 서버에서 서비스 하고 싶습니다…노드js 리엑트 아니여도 되는건지요그냥 그누보드 수정해서 쓰는게 나을까요.프론트 엔드 백앤드도 이해가 안갑니다..백앤드는 node.js라고 하면서버를 node올리고프론트 엔드는 react 쓰는건가요??그러면 제가 햇던 apm은 뭔가요?? 어질어질 합니다..

엽토군 · Accepted Answer

프론트엔드고 node고 리액트고 다 잊어버리세요.그냥 그누보드5로 시작하세요.지금 당장 따라할 수 있는 것을 드리겠습니다.컴퓨터에 Docker를 설치하고 실행해 두세요.cmd 켜서 docker라는 명령을 치면 대략 이런 게 나와야 합니다.아무 폴더에서나 gnu1이라는 폴더를 만들고 그 안에 그누보드5 소스를 압축 풀어놔 보세요.gnu1 폴더가 있는 그 폴더(즉, gnu1의 상위 디렉토리)에 텍스트 파일을 하나 만드세요.이름은 docker-compose-1.yaml 이어야 하고 내용은 아래를 복붙해 넣으세요.--- volumes: mariadb_volume: services: db: image: lscr.io/linuxserver/mariadb:latest environment: - PUID=1000 - PGID=1000 - TZ=Asia/Seoul - MYSQL_ROOT_PASSWORD=rootpassword - MYSQL_DATABASE=g5 - MYSQL_USER=g5 - MYSQL_PASSWORD=g5password volumes: - mariadb_volume:/config restart: unless-stopped app: depends_on: - db image: lscr.io/linuxserver/nginx:latest environment: - PUID=1000 - PGID=1000 - TZ=Asia/Seoul volumes: - ./gnu1:/config/www - ./gnu1/data/:/config/www/data/ ports: - 80:80 restart: unless-stoppedcmd로 docker-compose-1.yaml 파일이 있는 곳으로 가서 다음을 실행합니다.docker compose -f docker-compose-1.yaml up -d대충 이런 게 보여야 합니다. (네트워크, 볼륨, 컨테이너 2개가 만들어지고 시작됨)2분 정도 기다린 다음 웹브라우저로 localhost:80 접속해 봅니다.새로고침을 해보다 보면 익숙한 초기설치가 보이실 것입니다. 아는 대로 하시면 됩니다.주의: DB Host는 db입니다. 왜냐면 docker-compose-1.yaml에 그런 이름의 서비스가 있기 때문입니다.install_db.php가 타임아웃 날 수는 있는데 충분히 기다려준 다음 다시 localhost:80 접속하면 그누보드가 뜹니다.여기까지의 내용을 본인 컴퓨터에서 성공했다면 이제 VPS에서 똑같이 한번더 해보세요.VPS 아이피가 예컨대 1.23.45.6이라면 http://1.23.45.6:80에 접속해야 한다는 점만 다릅니다.이런 식으로 VPS에서 몇 개 더 만들어 보세요.비슷하게 gnu2 디렉토리를 만들고, 비슷하게 docker-compose-2.yaml을 만듭니다.포트만 81:80 같이 왼쪽을 바꿔 줍니다.그리고 실행만 다음과 같이 약간 바꿔서 실행합니다.docker compose -f docker-compose-2.yaml up -d각각이 서로 다른 웹사이트가 됩니다. DB가 다르고 업로드경로가 달라집니다.마지막으로 docker compose 그 자체에 대해, 그리고 리버스 프록싱에 대해 조금 공부하신 다음 VPS에서 nginx proxy manager 서비스를 실행합니다. 80포트를 점유하던 서비스가 있다면 docker compose down 으로 잠깐 끈 다음 yaml 파일 고쳐서 80 외의 다른 포트를 할당해 주고 다시 docker compose up -d를 해주세요. 그래야 nginx proxy manager를 정상 시작할 수 있을 겁니다. 나머지는 매뉴얼 봐가면서 Hosts 설정을 해보세요.여기까지 하고 나면 1개의 서버에서 여러 그누보드5 웹사이트 운영이 가능합니다. 왜냐면 이상의 내용이 docker와 docker compose의 기초-중급 속성과정이기 때문이지요. 파이썬 앱이든 node.js 앱이든 모두 ‘적당한 이미지 가져다가 컨테이너 띄우고 포트 여는’ 작업이라는 점에서 다 똑같습니다. 어려울 거 없습니다. 그냥 한번 해보세요.냉정히 정확히 말씀드리자면 node.js니 리액트니 일단 다 마음 접어 두세요. 첫술 밥에 배부르겠습니까? 막연한 동경심을 이해 못 하는 바 아닙니다만, 일단 “지금의 나는 프론트엔드가 뭔지 백엔드가 뭔지도 모른다” 하는 현실 상황과 정직하게 담담하게 마주하고 거기서 시작합시다.

edg · Answer

Apache PHP MySQL이 절대적인 시절이 있었네요. php호스팅이 많은건 구조적으로 이게 가장 유지 비용이 싸서 그렇습니다.노드js로 호스팅을 구현하기가 어렵죠. 안되는건 아니지만 유지보수 관리모두 헬입니다.

쓸모없는 개발 · Answer

개발로 취업할거아니면 그누,워드프레스 쓰시고요취업할거면 노드js 쓰세요.

HJOW · Answer

프론트엔드, 백엔드는 반드시 먼저 이해하고 넘어가야 합니다.클라이언트-서버 개념과도 비슷합니다.이건 보안, 성능 등 모든 부분에 다 엄청난 영향을 끼칩니다. 위에서처럼 그냥 하라는대로 설치하고 “어 되네” 하면 안됩니다.나중에 큰일 터집니다. 님이 짠 몇 번째에 있는 어떤 코드가, “어디서” 실행되는지 알고 싶지 않으셨어요?이거 모른 채로 그냥 진행하면 찜찜하지 않으신가요? 서버도 컴퓨터입니다. 그 사이트에 접속하는 사람들도컴퓨터 (휴대폰도 태블릿도 모두 컴퓨터입니다.) 로 접속을 합니다. 님이 짠 코드는 둘 중 어딘가에서 처리가 되어야 합니다. 그러니까 사이트 동작에 영향을 주고 있겠죠? 백엔드 코드 : 서버에서 실행되는 코드프론트엔드 코드 : 사용자 (고객, 즉 클라이언트) 의 컴퓨터에서 실행되는 코드 사용자는 “웹 브라우저”라는 프로그램 (크롬, 엣지, 파이어폭스, …) 으로 웹 사이트에 접속을 합니다.웹 브라우저는 html, JavaScript, CSS 만을 해석 및 실행할 수 있고그외, 이미지나 pdf 파일, 기타 미디어 파일들은 그냥 뷰어로 보여주는 역할만 할 수 있습니다.TypeScript 로 만들었다면? JavaScript 로 반드시 변환해야 된다는 뜻입니다.php? 사용자의 웹 브라우저는 그런거 못읽습니다. 그냥은요. php 에서 사이에 있는 코드들웹 브라우저 (그냥 크롬이라 할게요) 로 그 페이지 띄운 다음에페이지 내 마우스 우클릭해 “소스 보기” 열어보면 태그는 어디로 갔는지 없고대신 태그의 내용이 실행된 결과물이 그 위치에 있을 겁니다. 이건 서버에서 어떤 프로그램이 내 코드를 대신 실행을 해서결과적으로 html 로 바뀌어서, 사용자들의 웹 브라우저로 전송이 된 것입니다.여기서 사이의 코드는 서버에서 실행됐으므로 “백엔드” 코드가 됩니다.

hobak · Answer

아무것도 모르면 AI 한테 물어봐서 진행하세요.

태평장사꾼 · Answer

프론트엔드, 백엔드 단어 자체 그대로 이해 하시면 됩니다.프론트엔드는 앞부분이니까 사용자가 보는 화면이라고 이해하면 좋습니다.백엔드는 뒷부분이니까프론트엔드에 표시되는 데이터를 다루는 서버라고 이해하면 좋습니다.웹의 흐름은데이터 → 서버 (백엔드) → 클라이언트 (프론트엔드) → 사용자뭐 단순하게 보면 이런거죠.

먼지9729 · Answer

그냥 라우팅 하시면 됩니다.저라면 node.js + html 로 서빙해서 각 라우팅 설정 해 놓을것 같네요

정말 개념을 모르겟어요 프론트엔드 백앤드 등등

7개의 답변

Q&A 목록