IT's Jonnie

네이버 특별근로감독 결과 발표 지난 5월 직장내 괴롭힘으로 인한 극단적 선택을 한 직원을 계기로 네이버 노조에서 특별근로감독 진행. 직장 내 괴롭힘과 부당한 대우가 사실로 밝혀짐 직원들의 연장, 야간, 휴일 근로수당 약 86억7000여만원 지불X 주52시간 노동정책 + 선택적 근로시간제에 의해 출퇴근 기록은 52시간은 넘기지 않았지만 실제로 직원이 회사에 들어가고 나온 시간과 차이가 있음 → 고용노동부는 이를 잔업으로 판단하였고 수당을 계산하니 위 금액이 나옴 네이버는 억울하다는 입장 → 직원들이 회사에서 나오지 않는 것은 내부의 은행, 병원, 운동센터 등의 복지 시설을 이용할 수 있기 때문 기사 원문. https://byline.network/2021/07/30-127/?ct=t(RSS_EMAIL_CA..

강의 링크: https://nomadcoders.co/javascript-for-beginners/lobby 강의 주제: 모멘텀 클론 코딩 with Vanilla Javascript - 크로미움 기반 브라우저 사용 권장 * 크로미움: 오픈 소스 웹 브라우저 프로젝트. 구글 크롬 개발의 코드로 사용된다. 최신 기술을 시험하는 가늠터의 역할을 한다. Framework React Native: 안드로이드, iOS 앱 일렉트론: Desktop 앱 (ex. VSCode), Slack, Twitch ... socket.io: 실시간 채팅 가능 ml5.js: 머신러닝 모델 생성하는 웹사이트 구축 + 훈련 가능 브라우저에서 여는 것은 js, css 파일이 아닌 html 파일이다 Basic Data Types Integ..

배열 순서가 있는 리스트 let students = ['철수', '영희', ... , '영수']; 검색 console.log(students[0]); //철수 console.log(students[1]); //영희 수정 students[0] = '민정'; 배열의 특징 문자뿐만 아니라 숫자, 객체, 함수 등도 포함 가능 let arr = [ '민수', 3, false, {name:'Mike', age:30}, function(){console.log('TEST')}; ];​ length : 배열의 길이 구하는 데 사용 push() : 배열 끝에 요소 추가. 여러 개 한 번에 가능 pop() : 배열 끝의 요소 제거 shift() : 배열 가장 앞 요소 제거 unshift() : 배열 가장 앞에 요소 추가...

객체 { } 내부에 키(key)와 값(value)로 고정된 속성이 사용됨 const superman = { name : 'clark', age : 33, } 각 property는 쉼표로 구분 마지막 쉼표는 생략 가능(하지만 작성 추천) 접근 superman.name superman['age'] 추가 superman.gender = 'male'; superman['hairColor'] = 'black'; 삭제 (delete 키워드 사용) delete superman.hairColor; 단축 프로퍼티 const name = 'clark'; const age = 33; const superman = { name, //name:name age, //age:age gender:'male', } 없는 propert..

함수(Function) 하나의 한 작업에 집중 읽기 쉽고 어떤 동작인지 알 수 있게 네이밍 정의 function sayHello(name){ console.log(`Hello, ${name}`); } sayHello('Mike'); function: 함수 선언 sayHello: 함수명 name: 매개변수. 없을 수도 있음. 2개 이상이면 , 로 구분 (ex. console.log(name1, name2, name3)) { } 내부: 함수의 실행 코드 function sayHello(name){ let newName = name || 'friend' let msg = `Hello, ${newName}`; console.log(msg); } sayHello(); //"Hello, friend" -> let ..

반복문 반복문(loop): 동일한 작업을 여러번 반복 for for (let i = 0; i < 10; i++){ //초기값; 조건문(false가 되면 멈춤);코드 실행 후 작업) console.log(i) } while let i = 0; while (i 1 증가 //1은 나머지가 1이기 때문에 continue문을 만나게 됨. 그러면 log를 찍지 않고 continue문에서 바로 다음 과정(i++)이 진행됨 Tip! 명확한 횟수가 정해져 있으면 for문을 아니라면 while을 사용하는 편 switch문 if-else문으로 다 치환 가능 그러나 케이스가 다양할 경우 보다 간결하게 작성할 수 있다는 장점이 있음 switch(평가){ case A: //A일 때 코드 case B: //B일 때 코드 ... }..

연산자 + 더하기 - 빼기 * 곱하기 / 나누기 % 나머지 ** 거듭제곱 연산자 줄여쓰기 num = num + 5; num += 5; (+ 외에 - * % 등 가능) 증가 연산자 & 감소 연산자 (++ / --) 값을 1만큼 증가/감소시킴 뒤에 쓰느냐 앞에 쓰느냐에 따라 차이 있음 let num = 10; let result = num++; => 10 //증가시키기 전의 값을 result에 넣음 let result2 = ++num; => 11//증가시킨 값을 result에 넣음 비교 연산자 ≤ ≥ = ≠ = == != 반환하는 값은 항상 boolean(true/false)값 const a = 1; const b = "1"; console.log(a==b); => true console.lo..

대화상자 단점 창이 떠 있는 동안 스크립트 일시 정지 스타일링 불가능 (위치, 모양 지정 불가) alert : 알려줌 prompt : 입력 받음 default값 입력 가능 const name = prompt("이름을 입력하세요.", "Default_Name"); //두 번째 값은 default값 alert("환영합니다, " + name + "님"); alert(`환영합니다, ${name}님`); confirm : 확인 받음 const isAdult = confirm("당신은 성인입니까?"); //alert와 달리 '확인' 버튼 외에 '취소' 버튼도 생김 //확인=>true, 취소=>false 형변환 왜 필요한가? 대화상자 등을 통해 입력 받은 경우(무조건 문자형)와 같이 필요에 의해 기본적으로 자동 형변..

지난 1학기부터 노션 사용량을 늘리면서 공부 내용 정리도 따로 노션에만 했는데 정리한 김에 블로그에도 올려보려고 한다! 1일 1커밋도 알고리즘 공부도 프론트 공부도 진로 방향 찾기도.. 열심히 살다보면 잘 되겠지:) 남들보다 늦었다고 생각하며 조급해하지 말고 지금 내가 할 수 있는 것에 최선을 다하자!! 아자아자!! all is well~!

자료형 문자형 "String" 'String' String (백틱: 영문 입력 상태에서 ~₩ 표시 눌러주기) 작은 따옴표를 쓸거면 큰 따옴표로 감싸기 "I'm a boy."; 작은 따옴표로만 이용하려면 앞에 \를 넣어주면 특수문자로 인식 'I\'m a boy.'; 백틱 문자열 내부의 변수를 표현할 때 사용하면 편리 const name = "Mike" const message = `My name is ${name}`; => "My name is Mike" //표현식도 바로 넣어줄 수 있음 const message2 = `나는 ${20+3}살 입니다.`; => "나는 23살 입니다." const message3 = "My name is ${name}"; => "My name is ${name}" //백틱을 ..