데이터 LAB

오라클 클라우드의 '평생 무료' ARM 서버(4 OCPU, 24GB RAM)는 성능이 워낙 뛰어나 인기가 많다 보니, 수동으로는 좀처럼 생성하기가 쉽지 않다. 이를 해결하기 위해 서버가 자리가 날 때까지 자동으로 신청을 반복하는 시스템을 구축하는 전 과정을 정리했다.1. OCI CLI 설치하기 (서버 대리인 세우기)가장 먼저 수행할 작업은 내 명령을 오라클에 전달해 줄 '대리인'인 OCI CLI를 설치하는 것이다. 여기서는 별도의 우분투(Ubuntu) 서버를 활용한다고 가정한다.터미널에 아래 명령어를 입력하여 설치를 시작한다.bash -c "$(curl -L https://raw.githubusercontent.com/oracle/oci-cli/master/scripts/install/install.sh..

노트북 앞에 글을 쓰기 위해 자판을 잡으니 묘한 기분이 듭니다.ai가 등장하고 그 수준이 날이갈수록 높아지는 요즈음 글의 가치가 이전과 같지 않다고 느끼고 있습니다.재밌는 것은, 그래서 더 글이 쓰고 싶었습니다. 마치 행위예술을 하고싶은 그런 마음과 같다고나 할까요. 제 글은 AI가 쓴 글만큼 잘 읽히지 않습니다. 작문법을 더 공부해야겠지만요. 일단은 그냥 써보려고 합니다.나는 왜 이렇게 시험이 힘든지 모르겠습니다. 참 별거 아닌데. 근데 에타에서 글을 하나 봤어요.에타에서 정기발행하는 컨텐츠인거같았습니다. 제목은 "시험 기간 주의 분산 행동의 유형별 발생 메커니즘과 경로에 대한 실증적 고찰" 입니다. 제목이 웃기지만 실제로 있을법한 일들을 적어둔 걸 보면서 웃기기도 했지만 한편으로는 마음이 편해졌습니다..

니코 강의를 보니까 주로 점표기법을 통해 객체 참조를 한걸 바로 사용하는게 아니라,새로운 변수를 선언하고 그 변수에다가 객체 참조를 할당해서 사용하네! 아하 이렇게 하는거구나예를 들어const username = loginInput.value;이런 식으로. html form 태그 내부의 input의 기능 중required, maxlength, type, placeholder 등이 있다. 이건 브라우저 자체의 기능. oh yeah form 안에서 enter 을 누르고, input 이 더 존재하지 않는다면 자동으로 submit 된다는 규칙이 있다. 코코아톡 클론 강의도 들어야해?ㅜㅜ form 형태에다가 addEventListener 을 추가하면, submit 행위도 모니터링할 수 있구나? 버튼 형태면 cli..

아산두어스 2기 팀 결성의 뜨거운 열정이 아직 가시지 않은 수요일입니다. 저희 팀의 진행사항을 아래와 같은 순서로 공유해보려고합니다. 아산두어스 2기 12팀 주간회고 1주차, 지금부터 시작하겠습니다.1. 팀 결성2. 문제인식, 솔루션 구상3. 시장 분석, 인터뷰4. 비즈니스 모델5. 검증활동6. 멘토링과 그에 따른 마일스톤1. 팀 결성 (Team Up)우리 12팀은, 디지털 디톡스에 대한 구심점으로 모였습니다. 디지털 디톡스에 대한 필요를 느끼는 사람이 누굴까, 그리고 필요를 느끼는 이유는 무얼까에 대해 생각해보며 ADHD, 우울증, 외 다양한 mental disorder의 이슈에 주목했습니다.우리 팀원들은 다 나름의 이유로 이 문제에 몰입했습니다. 아이디어를 제안한 팀원은 전반적으로 depression..

https://joshua1988.github.io/web-development/javascript/javascript-asynchronous-operation/ 자바스크립트 비동기 처리와 콜백 함수(중급) 중급 자바스크립트 개발자가 되기 위한 자바스크립트 비동기 처리와 콜백 함수 이해하기. 콜백 지옥과 해결 방법 등joshua1988.github.ioajax 를 사용할 때, url에서 정보를 받아오고, 변수에 정보를 할당한 후에 console.log로 찍으려고 하는데 undefined가 뜬다. 이거 왜이럴까? 두 함수가 동시에 실행되었기 때문이다. console.log 함수는 ajax가 실행된 후에 실행되어야할 필요가 있다. 이렇게 특정 로직의 실행이 끝날 때까지 기다려주지 않고 나머지 코드를 먼저 실..

documentconsole에 document를 입력하면, 작성한 html을 전부 보여준다document는 browser에 이미 존재하는, html을 가리키는 객체다.console.dir(document)예를들어, 콘솔에다가 document.title 을 치면, 내가 title 태그에 넣은 내용을 밸류로 뱉는다. 오~반대로, document.title = "내가 바꿨지롱" 하면 title태그를 Js로 바꿀 수도 있다는거다. WOW const title = document.getElementId("title");console.dir(title);니콜라스의 바닐라 JS로 크롬 앱 만들기 3.0강부터 다시 정리하면서 보자.3.0-3.2강까지는 정리가 빠짐.id나 class에 대한 선택자가 아닌 querySel..

let으로 선언한 후에는, let 을 안쓰고 그냥 수정할 수 있다. let myName = "andrew";myName ="peter" 하면 수정된다. 업데이트 = 구버전은 사용하지 않고 새것만 쓰는것.패치 = 조금 고치는 것. var은 예전 것이고, 호이스팅이 발생하기 때문에 변수를 선언하기 전에 사용해도 오류로 알려주지 못한다.booleantrue / false 로 나타내는 자료형이다.사용자가 로그인 했는가? 같은 상황에 사용하게 된다. null아무것도 없음으로 채웠다는 것 을 뜻한다. undefined선언만하고 정의하지 않은 것을 뜻한다.배열 arrayconst daysOfWeek=["월","화","수","목","금","토"];console.log(daysOfWeek[0]);// 월 daysOfWe..

구조 분해 할당이란, 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 Js 표현식이다.  const array = [1,2,3,4,5]const [a] = array;console.log(a) // 1// 일부 요소만 가져오기const [x, y, ...rest] = [1, 2, 3, 4, 5];console.log(x); // 1console.log(y); // 2console.log(rest); // [3, 4, 5]// 기본값 설정const [p = 10, q = 20] = [1];console.log(p); // 1console.log(q); // 20// 변수 교환let m = 1, n = 2;[m, n] = [n, m];console.log(m);..

Object.entries() 에다가 배열내장 메소드인 reduce를 사용하는 방법const a = {a:'123', b:'456'};const b = Object.entries(a).reduce((acc, [key, value])=>{ acc[key]=value; return acc }, {});// 이걸 구조분해 할당을 사용하지 않았다면const origB = Object.entries(a).reduce((acc, curr)=>{ const key = curr[0];const value =curr[1];acc[key]=value;return acc;});//이걸 화살표 함수를 안쓴다면?const realOrigB = Object.entries(a).reduce( function(acc,curr){co..

((name)=>{ console.log(`hello`); })('이종우'); let은 자꾸 바껴서 자료형도 바뀔 수 있다. 유지보수 면에서 너무 위험하대. const는 원시타입일경우 바꿀수 없다.하지만 바꿀수있는 법은const testObj = {a: 1};//이건 안댐 (참조 타입)testObj= {b: 1};// 이건 댐 (참조 타입)testObj.a = 2; Object.keysObject.entriesObject.valuesconst b = {...a};스프레드 다른참조 같은 값. 참조를 복사하지 않고 값만 복사할 수 있다.const reduce = Object.entries(a);Object.keys(a);Object.values(a);//[ ['a', '123'] , ['b', '456'] ..