SAC21 [새싹x코딩온] 풀스택 개발자 부트캠프 과정 5주차-1 회고 | 동적 폼 처리, nodejs multer 동적 데이터처리AJAX자바스크립트를 이용해 클라이언트와 서버간 데이터를 주고 받는 비동기 통신 방법중 하나이며 자바스크립트에 내장되어있지않아 외부 라이브러리(Jquery)를 불러와야 사용이 가능하며 Promise 기반이 아닙니다$.ajax({url: '/ajax', //요청경로type: 'GET', //요청방식data: data, // 요청으로 보낼 데이터success: function(data){ console.log(data); }AxiosNode.js 와 브라우저를 위한 Promise API를 활용 비동기 HTTP 통신이 가능하며 return이 Promise 객체로 들어오며 1차 then 으로 들어올때 들어오는 데이터의 형태를 확인 하고 2차 then에 넘겨 사용하는 방법이 존재합니다 //Ax.. 2024. 11. 25. [새싹x코딩온] 풀스택 개발자 부트캠프 과정 4주차-2 회고 | Node.Js, NPM, Callback, Express Node.Js이란?node.js는 서버측 자바스크립트 런타임 환경입니다 원래라면 자바스크립트는 웹 브라우저에서만 실행됐지만 NodeJS는 브라우저 밖에서 사용할 수 있습니다 자바스크립트 엔진인 V8엔진을 탑재해 실행 속도가 빠르다는 큰 장점이 있고 이벤트 기반, 비동기 I/O\ 모델을 사용해 가볍고 효율적입니다 런타임이란?런타임은 Javascript로 만든 프로구램을 실행할 수 있는 프로그램입니다자바스크립트의 런타임 환경은 과거 웹 브라우저에만 존재 했으나 자바스크립트를 서버단에서 사용하기 위해 나온 것이 바로 Node.js입니다 즉 자바스크립트 코드를 웹 브라우저 없이 실행할 수 있게되었습니다 REP 모드Node.js는 파이썬과 마찬가지로 대화형 모드를 지원하여 간단한 자바스크립트 코드를 터미널에서 확.. 2024. 11. 18. [새싹x코딩온] 풀스택 개발자 부트캠프 과정 4주차-1 회고 | Server 서버(Server)서버란 클라이언트에게 네트워크를 통하여 서비스를 제공하는 컴퓨터 이며 요청과 응답을 통해 서비스를 제공합니다서버는 백엔드와 밀접한 연관이 있는데 백엔드는 클라이언트의 요청을 서버컴퓨터가 응답 할 수 있도록 서비스를 설계하는 역할을 합니다 요청(request) : 클라이언트가 서버에 요청을 하는것응답(response) : 서버가 클라이언트의 요청에 응하여 데이터를 반환하는 것 프로토콜프로토콜은 클라이언트와 서버의 통신규약이며 한마디로 약속이라고 할 수 있습니다이 프로토콜은 숫자로 이루어져 있으며 대표적으로 사용하는 포트의 경우 이름이 정해져있습니다 예로 http(80), ftp(21) 등등 보통 폐쇄적인 서비스에선 보안을 위해 별도의 비공식 포트를 지정해 프라이빗하게 서비스하는 경우도 종.. 2024. 11. 15. [새싹x코딩온] 풀스택 개발자 부트캠프 과정 3주차-1 회고 | 반응형, Bootstrap 반응형이란?웹 사이트를 개발할때 과거 정적인 페이지에서 요즘엔 가변형 반응형 웹사이트가 많이 생겼습니다과거에는 모바일, PC 웹사이트가 각각 따로 만들어졌다면 요즘엔 하나로 합쳐 클라이언트 접속기기의 해상도에 따라 변하는 웹사이트가 완전히 자리잡게 되었습니다 하지만 아직까지 모바일과 PC웹을 따로 구분하여 운영되고있는 서비스도 많은데요 이부분은 웹사이트의 용도에 따라 달라질 수 있습니다 특히 많은 정보를 담고 있는 사이트라면 반응형으로 개발하기가 어려울 수 있습니다 네이버를 예시로 들자면 네이버의 경우 포털 사이트 외 에도 다양한 서비스를 제공하고 있습니다 이 많은 데이터를 반응형으로 개발하게된다면 데이터용량에 제약이 있는 모바일의 경우 불필요한 데이터를 사용하게되어 소비자측면에서 좋지못한 영향이 생길 .. 2024. 11. 13. [새싹x코딩온] 풀스택 개발자 부트캠프 과정 3주차-2 회고 | JavaScript Javscript Vanilla바닐라 스크립트는 자바스크립트 그 자체를 뜻합니다 그런데 왜 자바스크립트라고 하지 않고 바닐라 스크립트로 칭하는지 알아보았습니다 자바스크립트의 사용도가 높아지면서 다양한 프레임워크, 라이브러리가 탄생하게 되었는데 이 때문에 순수 자바스크립트로만 이루어진 코드를 바닐라 스크립트라고 칭하게 되었습니다 실제로 바닐라 Js 라고 불려 바닐라 Js가 별도의 프레임워크나 라이브러리 라고 생각할 수 도 있지만 아닙니다 바닐라 스크립트의 장점바닐라 스크립트는 자바스크립트의 그 자체로 높은 호환성과 안정성을 보장합니다 특히 다른 프로젝트에 이식할때도 호환성이 굉장히 좋은 편이지만 반대로 너무 방대해진 코드로 유지보수성이 떨어지는 단점이 존재합니다Array배열은 모든 개발언어에서 사용되고있는.. 2024. 11. 11. [새싹x코딩온] 풀스택 개발자 부트캠프 과정 2주차-2 회고 | JavaScript Javascript란?자바스크립트는 웹 브라우저에서 동작하는 인터프리터 컴파일 프로그래밍 언어입니다 요즘엔 Node.js 등 브라우저가 아닌 환경에서도 사용되고 있으며 웹개발 환경에서 꼭 빠질 수 없는 언어로 자리잡고있으 글로벌 개발언어 사용순위에도 꾸준하게 상위권을 차지하고있으면서 프론트엔드, 백엔드 개발자라면 꼭 알고 넘어가야할 개발언어입니다 Javascript의 장단점과 특징- 간편한 개발환경웹브라우저만 있으면 자바스크립트를 실행할 수 있습니다 이말은 즉 별도의 개발도구없이 쉽게 개발과 테스트를 해볼 수 있다는말입니다 언제 어디서든 개발할 수 있다는 큰 장점이있습니다 - 인터랙티브성자바스크립트는 클라이언트와 손쉽게 상호작용할 수 있는 기능을 만들어 낼 수 있습니다 다양한 이벤트 와 애니메이션 처리.. 2024. 11. 9. 이전 1 2 3 4 다음
