JavaScript (22) 썸네일형 리스트형 1. React란? 그리고 CRA 설정 안녕하세요 효근입니다! 오랜만에 블로그를 복귀했습니다! 회사업무랑랑 외주업무랑 너무 쌓이는 바람에 늦게 되었습니다 ㅠㅠ.. 일단 오랜만에 돌아온 기념으로 여태까지 안올리던 React 에 대해 올려볼려 합니다! 한번 시작해 볼까요? 일단.. React 란? 페이스북에서 개발한 Javascript 라이브러리입니다. 재사용 가능한 UI를 생성할 수 있게 해줍니다. Virtual Dom ( 가상 돔 ) 이라는 개념을 탑재하여, 변경된 부분만 선택적으로 렌더링 할 수 있습니다! 와! 돔을 여럿 갖고 있지 않을 수 있어, html 파일이 단 한 개인 single page application 형태를 띄우고 있어요! 덕분에 최소한의 처리로 변경에 대하여 컴포넌트를 업데이트 할 수 있다는 장점을 갖고 있습니다! 아래 .. 2. 동기와 비동기 알아보기! 안녕하세요~ 효그니에요! 오늘은 node.js로 개발을 하려면 모르면 안되는 동기와 비동기에 대해 알아볼 생각이에요! 아...동기가 뭐지..? 비동기는 뭐지..? 휴대폰 컴퓨터 동기화 그건가...? 그렇다면 이번 강의를 끝까지 쭉 따라오시면 알 수 있으실거에요! 한번 시작해볼까요~! 동기와 비동기에는 과연 어떤 차이점이 있을까요? 뭐, 우리나라는 혈연지연학연이라고 학연중 하나인 동기랑 동기가 아닌사람을 차별하는걸까요? 하하! 농담입니다! 동기같은 경우는, 어떤 일을 처리하고, 그 일이 끝난 뒤에 다음 일을 수행하게 됩니다! 만약 일을 처리하는데 굉장히 오래 걸리는 작업이 있다면, 현재 수행중인 작업이 끝날 때까지 다음 작업은 기다리게 되는 단점이 있죠! FIFO와 절차지향 프로그래밍과 비슷한 느낌이라 보.. 1-2. Express와 Body-Parser모듈을 사용해서 POST와 GET으로 Hello World 보내보기! 안녕하세요 여러분~! 효근입니다! 오늘은 Express 모듈을 사용해서 Hello World를 보내보는 소스를 짜볼거에요! 그럼 한번 간단하게 시작해볼까요? 우선 흔히 알고계시는 콘솔을 켜봅시다. (핑크핑크해서 좋쥬?) cd desktop mkdir first_node cd first_node 흔히 알고 계시는 콘솔 명령어를 쳐서 폴더를 생성하고 접속해줍니다! 그 후 그 폴더를 1강에서 깔았던 Visual Code로 열어줍니다! 요로코롬 여시면 됩니다. 그리고 이제 js파일을 생성해줘야겠죠? 이렇게 파일에 +가 달린 모양의 버튼을 클릭하면 이런 창이 뜰텐데 app.js라고 입력해 주시면 됩니다. 그럼 성공적으로 app.js 파일이 생성되었습니다! 그럼 이제 작업환경을 생성해줘야 할텐데요! 다시 콘솔로 돌.. 1. Visual Code와 Node.js (NPM) 설치 안녕하세요? 오늘부터 Node.js 강의를 시작하게된 심효근입니다 ^~^ 안드로이드 강의 이후 오랜만이네요~ 우선 항상 그래온거마냥 툴부터 설치해 봅시다!! 우선 저같은경우는 node.js 소스코드 작성을 Visual Code에서 합니다! Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. c.. 이전 1 2 3 4 다음
