[포스코x코딩온] 동적 Form 전송

✏️ 계속 누적되는 수업 내용에 하루라도 밀리면 안되겠다는 생각이 들었다.요청 방식에 따라 전송방식이 어떻게 달라지는지 직접 코드로 확인했다. 아무래도 백 다루는 것에서 더 많은 흥미를 가지고 공부하게 된다. + 동기 방식 vs 비동기 방식 더보기 동기 방식 : 하나 밖에 일을 못한다. 비동기 방식 : 서버에 데이터를 보내고 응답을 기다리는 동안 다른 처리 가능 동적 폼 전송 데이터를 input, button의 type 이 submit 인 속성들로 전송 시 페이지 이동이 일어난다. 최근 페이지를 보면 모든 동작에 있어서 페이지 이동이 일어나지 않는 부분도 있다. 예를 들어 로그인 화면에서 아이디나 비밀번호가 틀렸을 때, 페이지 이동이 되는 것이 아닌 비동기 HTTP를 사용해 같은 페이지 안에서 동작이 이..

• format_list_bulleted [Study] BE/Node.js
• · 2023. 3. 30.
• textsms

[포스코x코딩온] JS_06 비동기처리

동기 처리 vs 비동기 처리 작업을 어떤 흐름으로 처리할거야? 세탁기가 다 돌아가야 설거지를 시작할 수 있어! => 동기 처리 세탁기가 돌아가는 동안 설거지를 하자! => 비동기 처리 동기 처리(Synchronous) : A가 B의 작업 완료 여부를 확인하고 완료를 기다리는 것 비동기 처리(Asynchronous) : A가 B를 부를 때 콜백함수를 같이 보내서 B의 작업이 끝나면 콜백함수를 실행하고, 호출 이후, B가 완료하든 말든 신경쓰지 않는다. setTimeout() setTimeout() 메서드는 시간이 만료되면 지정된 코드를 실행하는 타이머 역할이다. //delay동안 기다리다가 code 함수 실행 setTimeout(code, delay); 기다리지 않고 다음 줄을 실행함 => 비동기 처리 비..

• format_list_bulleted [Study] FE/HTML & CSS & JS
• · 2023. 3. 27.
• textsms

[포스코x코딩온] Node.js 간단한 백엔드 구축

Node.js 장점 스크립트 언어이기 때문에 어느환경에서도 동작한다. 성능이 빠르고 좋다. 배우기 쉽다. Javascript를 쓰는 개발자가 많다. 백엔드 구축 npm 노드 패키지 관리 틀 npm 사용 npm init : 프로젝트 시작 명령어 npm init --yes : package.json이 생성될 때 기본값으로 생성 npm install packageName : 프로젝트에서 사용할 패키지 설치, 설치된 패키지의 이름과 정보는 package.json의 dependencies에 입력 됨. nodejs 노드 서버 구축시 필수 설치 nvm ubuntu 환경에서의 진행을 위해 노드의 버전 설정 모듈 필요한 함수들의 집합이다. const test_module = require("module_name"); E..

• format_list_bulleted [Study] BE/Node.js
• · 2023. 3. 27.
• textsms

[포스코 x 코딩온] 서버 구축

서버 클라이언트에게 네트워크를 통해 서비스를 제공하는 컴퓨터 서버 구축 방법 본인의 컴퓨터를 직접 서버로 구축하는 방법 일정 요금을 내고 외부 서버를 임대해 사용하는 방법 서버 호스팅 : 서버 임대 자체적인 관리 필요 유동적인 작동 환경 웹 호스팅보다 비쌈 웹 호스팅 : 서버의 일부분만 임대하여 다른 사용들과 서버 공유 저렴한 가격 서버 자체를 호스팅 사에서 운영 → 쉬운 사용 트래픽, 용량 등의 제약 클라우드 서버 실제 물리적인 컴퓨터 한대로 서버를 운영하는 것이 아닌 프로그램으로 가상의 컴퓨터를 생성해 서버를 운영하는 방식이다. 짧은 시간에 서버를 만들 수 있고, 컴퓨터의 물리적인 한계를 넘어서 저장공간을 무한으로 사용할 수 있다. 이론상의 많은 접속량이 발생해도 서버가 다운되지 않는다. Naver ..

• format_list_bulleted [Study] BE/Server
• · 2023. 3. 27.
• textsms

🍴Git Fork

프로젝트가 끝나고 팀장님 저장소에만 있던 repository 를 내 저장소로 가져와서 미래의 내가 수정할 수 있다. 이번 프로젝트에서는 하나의 저장소에서 브랜치를 나눠서 사용했는데 포크를 해서 여러 저장소를 만들고 pull request 하는 경우도 있다고 한다. 그치만 난 이미 다 끝났기에 그냥 내 레포지토리에 fork 해서 혼자서만 끄적일 것 같다. fork 하는 방법은 아주 간단한데, 깃에서 포크하는 방법만 알려주고 뒷 이야기는 알려주지 않는 글이 많아서, 난 돌고 돌아왔다. 물론 내가 글을 제대로 안읽은 거일 수도 있지만;) 복사하고 싶은 repository 에 가서 fork를 누르기만 하면 된다. Create fork 를 누르고 나면 내 repository 로 복사가 된다. 그럼 이제 깃허브는 ..

• format_list_bulleted git & github 공부 기록
• · 2023. 3. 27.
• textsms

[포스코 x 코딩온] JS_05 JQuery

jQuery 제이쿼리는 자바스크립트 언어를 간편하게 사용할 수 있는 자바스크립트 라이브러리이다. - 대부분의 웹 브라우저에서 지원 - html dom, css 스타일 적용 가능 - 같은 동작이어도 더 짧게 구현 가능 - 오픈 라이센스를 적용해 누구나 사용 가능 but, 현재 jquery를 사용하지 않아도 바닐라 자바스크립트로 구현이 가능하여 사용하지 않는 추세이다! 그래도 예전에 만든 코드를 유지보수 하기 위해 공부할 필요도 있는 것 같다. https://www.samsungsds.com/kr/insights/jquery.html 제이쿼리[jQuery]를 아직도 사용하나요 - 제이쿼리의 현재와 미래 | 인사이트리포트 | 삼성SDS 제이쿼리는 웹사이트에 자바스크립트를 쉽게 활용할 수 있도록 도와주는 오픈소..

• format_list_bulleted 카테고리 없음
• · 2023. 3. 15.
• textsms