2023년 9월 18일 월요일 항해 이전의 삶 2023년 2월, 카페를 정리하고 새로운 길을 찾아보기로 했다. 2023년 3월, 내가 할수 있는 선택지 중에, 개발자가 '가능한 옵션'이라는 것에 놀랐고, 더 늦기 전에 이쪽으로 해보자고 결심했다. 대학교 3학년때 컴퓨터공학과를 부전공이든 복수전공이든 수업을 한번 들어볼까 망설이다가 막연한 두려움때문에 미루다가 졸업을 해버렸었는데, 이젠 더이상 선택을 미루면 안된다고 생각했다. 우선은 시작이 중요하다고 생각하고, 무작정 가장 재미있어보이는 flutter 강의를 들으면서 간단한 앱을 만들어보았다. 2023년 4월, 뭔가 좀더 체계적인 학습이 필요하다고 생각하고, 비전공자 출신 개발자 지인들에게 어떤 방향으로 시작하는게 좋을지 오랜만에 만나서 여러가지 질문을 ..
경원님 블로그 보고 정리 잘 해주셔서 그걸로 공부하고, 모르는 부분을 여기에 남겨보기로 함. https://rosie0418.tistory.com/114 리액트 입문주차 1주차 - 1 1. React란? ⅰ. React란? A JavaScript library for building user interfaces 공식문서에서 소개내용 유저 인터페이스를 빌딩하기위한 자바스크립트 기반의 라이브러리 UI란 사용자에게 보여주기 위한 사용자가 rosie0418.tistory.com 중요한 부분 모음 단축속성 const name = "wonjang"; const age = 21; const testObj = { name, // age: age, 키와 value가 같은 모양이 있으면 ES6에서 이를 생략할수 있게해줌 ..
이름 지우는게 너무 힘들었다. 항해99 과정에서 선의의 경쟁? 을 위해 출석체크를 하는 페이지가 있는데, 이 페이지의 시계는 5시간정도 뒤에 보면 1시간이상 느려져있다. 우리는 아마 항해99의 서버시간을 get요청으로 가져와서, 현재시간을 기반으로 setTimeout으로 타이머를 작동시키는 것으로 보인다. setTimeout은 세팅한 시간이 되면 브라우저가 큐로 던져주고, 이벤트루프가 콜스택이 비어있는걸 확인하게 되면 settimeout를 스택으로 던져주고, 내부의 콜백함수가 실행되게 된다. 즉, setTimeout에 세팅한 시간은 해당 시간이 되면 콜백함수를 실행해줘! 가 아니라, 해당 시간이 지나면 콜백함수를 실행해줘! 의 의미인 것이다. 이런 오차는 계속 쌓이기때문에, 아무리 콜스택이 비어있더라도 ..
var fullname = 'Ciryl Gane' var fighter = { fullname: 'John Jones', opponent: { fullname: 'Francis Ngannou', getFullname: function () { return this.fullname; } }, getName: function() { return this.fullname; }, getFirstName: () => { return this.fullname.split(' ')[0]; }, getLastName: (function() { return this.fullname.split(' ')[1]; })() } console.log('Not', fighter.opponent.getFullname(), 'VS', ..
역사 2005년 ajax 2008년 구글의 V8엔진. 2009년 node.js등장, 서버개발 2015년 ES6 출시 특징 객체지향 프로그래밍 지원. 동적 타이핑 함수형 프로그래밍 지원 ( 함수를 first-class object로 취급(일반 값처럼 변수할당, 반환 가능)함, 고차함수(함수를 인자로 받거나 반환하는 함수 지원) 비동기처리 클라이언트/서버 모두 사용 가능 -- 변수와 상수 변수 : var, let -> 메모리에 저장, 읽어들여 재사용. var는 재선언시 경고 안함. let사용. 상수 : const -> 선언 후 변경 불가. 변수 이름 : 저장된 값의 고유 이름 변수 값: 변수에 저장된 값 변수 할당 : 변수에 값을 저장하는 것 변수 선언 : 변수를 사용하기 위해 컴퓨터에 알림 변수 참고 : ..
항해99 15기 사전과정 웹개발미니프로젝트 8조 Github 주소 : https://github.com/webmini-team8 webmini-team8 webmini-team8 has one repository available. Follow their code on GitHub. github.com 팀장 : Khusan 팀원 : 강신범 김태현 홍성민 프로젝트명 : 의류 쇼핑몰 프로젝트 목적 : 모바일 의류 쇼핑몰 제작 와이어프레임 로그인페이지, 메인페이지, 장바구니, 상품등록, 상세상품 총 5page로 구성 되있습니다 DB에 저장된 정보를 기반으로 상품을 보여주고, 변경하는것이 주요 서비스 입니다. 로그인은 우선 간단하게 구현합니다. 추후 회원가입 기능을 구현합니다. 메인페이지는 DB에서 상품 정보를..
홈 TV프로그램 영화 내가 찜한 콘텐츠 오늘의 영화 토르: 러브 앤 썬더 오늘 한국의 Top 10 영화 오늘 한국의 추천 영화 갑시다 갑시다 어려웠던점 또 모르고 글씨를 지워서 한참 시간낭비 (삼항의 null부분) 유심히 보자.
영화 버킷 리스트 다음 이 프로젝트의 가장 큰 수확은 오타를 찾다가 빡쳐서 선택영역 색상 변경하는걸 찾아본 것. 더이상 모르고 선택해서 지울 일은 없다.
선택이 이런식으로 되니 보이지가 않아서 모르고 지워서 오류가 하루에 세네번씩 난다. 이젠 안되겠다 싶어 하이라이트 색상 변경 방법을 검색... 커서 색상 변경 핫핑크로. 탐색창에 >setting.json (user) 입력하고, 해당 프로젝트만 변경시 document setting, 이 컴퓨터의 모든 프로젝트에 적용시 user setting을 선택하면 된다. 이걸 열어서 아래 코드를 맨 아래 붙여주는데, 중괋호 안에 들어오게 한다(위 사진 노란 중괄호 밖에 하면 안됨) "workbench.colorCustomizations": { "editorCursor.foreground": "#f53eb8",//에디터 커서 색상 추가 "terminalCursor.foreground": "#f53eb8",//터미널 커서..
어려운 클래스명 지양할 것. 일관성 있는 클래스명 만들 것. 진짜 한참 찾음.. 영화 버킷 리스트 다음
/ / 3장. JQuery 연습하기 코드스니펫 [코드스니펫] - JQuery 연습 뼈대 코드 매주 월요일, 내 강의실에 찾아오는 코딩 학습지 카카오로 1초만에 시작하기 이메일로 시작하기 이메일 로그인하기 이메일이 기억나지 않아요. let temp_html = `로그인하기`; const start = document.querySelector('#start'); start.addEventListener('click', () => { show(); }) let isShow = true; function show() { isShow ? ($('.email').hide(), isShow = false) : ($('.email').show(), isShow = true) } const login = document..
let users = [ { 'name': '영희', 'email': "young@gamil.com" }, { 'name': '영숙', 'email': "suk@naver.com" }, { 'name': '민수', 'email': "minsu.gmail.com" }, { 'name': '형준', 'email': "jun@naver,com" }, { 'name': '철수', 'email': "su.gmail.com" }, { 'name': '동희', 'email': "dongdong@daum.net" }, ] for (a of users) { a['email'].includes('@') ? null : console.log(a['name']); }
객체 출력시 console.log에서 연산자와 객체가 만나면 내용이 아닌 객체의 type인 object가 출력됨. 쉼표를 사용해서 별도로 출력하거나, JSON.stringify()사용. console.log(a + '22')//[object Object]22 console.log(a, '22')//{age: 30, name: '동희'} '22' console.log(JSON.stringify(a) + 'rrr'); //{"age":30,"name":"동희"}rrr function seyHello() { let textbox = document.querySelector('#input') if (textbox != null) { alert(textbox.value + '안녕하세요') } } let users..
우리 아이 코딩 고민은 그만! 쉽고 부담없는 온라인 코딩 학습지 카카오로 1초만에 시작~ 이메일로 시작하기 *스파르타 코딩클럽 통합 회원으로 로그인 가능합니다.
https://velog.io/@hustle-dev/JavaScript-%EC%A0%95%EA%B7%9C%ED%91%9C%ED%98%84%EC%8B%9D [JavaScript] - 정규표현식 자바스크립트 정규표현식에 대해 정리한 글입니다. velog.io
array.sort() 배열 값 정렬 기본값 : 사전 dictionary처럼 앞자리를 기준으로 정렬한다 예) 1, 11, 2, 22, 3, 33 숫자의 크기대로 정렬하고 싶으면 아래와 같이 작성하면 된다 괄호 안에 있는거는 익명함수 오름차순 : .sort((a, b)=>a-b) 내림차순 : .sort((a, b)=>b-a) 참고 https://velog.io/@beanlove97/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EC%A0%95%EB%A0%AC 자바스크립트 정렬 .sort() : 배열 값 정렬그냥 .sort() 하면 사전 dictionary처럼앞자리를 기준으로 정렬한다1, 11, 2, 22, 3, 33숫자의 크기대로 정렬하고 싶으면 아래와..
https://school.programmers.co.kr/learn/courses/30/lessons/120808# 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 이건 처음 시도한 코드. 일부 오류남 function solution(numer1, denom1, numer2, denom2) { let numer3 = numer1*denom2+numer2*denom1; let denom3 = denom1*denom2; for (let i = 1; i < Math.max(denom3, numer3); i++){ if (denom3 % i === 0 && nu..
function solution (num1, num2){ return Math.floor( num1 / num2 ) ; } function solution2 (num1, num2) { return parseInt( num1 / num2 ) ; } console.log(solution(7,-2)); // -3 console.log(solution2(7,-2)); // -4 몫을 구하는데는 parseInt와 Math.floor가 있다. 음수일 경우 Math.floor 값이 다르게 나오므로 주의. 두 메소드의 차이를 한번 더 알아볼 것.
[[[각종 ES6 문법 소개]]] let, const var와 다르게 재선언 불가. let : 재할당 가능 const: 재할당도 불가능 arrow function function, return, 괄호, 중괄호 생략 가능. // ES5 function func() { return true } //ES6 const func = () => true const func = () => { return true } () => {} parm => {} (parm1, parm2, ...parms) -> {} // 익명 화살표 함수 () => {} 삼항연산자 컨디션 ? 참이면 : 거짓이면 condition ? expr1 : expr2 console.log(true ? "참" : "거짓") // 참 console.log(..
조건문 if문 기본적인 if 문 let x = 10; if (x > 0) { console.log("x는 양수입니다."); } if-else let x = -10; if (x > 0) { console.log("x는 양수입니다."); } else { console.log("x는 음수입니다."); } if-else else-if 조건을 순서대로 비교 let x = 0; if (x > 0) { console.log("x는 양수입니다."); } else if (x < 0) { console.log("x는 음수입니다."); } else { console.log("x는 0입니다."); } switch문 문자열 비교. default는 모두 안맞으면 실행되는 최종 코드 let fruit = "사과"; switch (..
JS 언어 특징 객체지향 프로그래밍 지원 JS 는 동적타이핑 : 데이터 타입은 런타임에 변수에 할당되는 값에 따라 결정됨. 선언 할때 타입을 지정하지 않음. 함수형 프로그래밍 지원 : 함수를 인자로 사용 가능 비동기 처리 클라이언트 측 및 서버측 모두에서 사용 가능 변수와 상수 변수 이름 : 저장된 값의 고유 이름 myVar 변수 값 : 변수에 저장된 값 "hello world" 변수 할당 : 변수에 값을 저장 = ''hello world'; 변수 선언 : 변수를 사용하기 위해 컴퓨터에게 알림 var myVar 변수 참조 : 변수에 할당된 값 읽어옴 example = myVar + myVar2 var myVar = ''hello world'; var : 같은 이름으로 다시 선언 가능 let : 같은 이름..
원본 접은코드 더보기 abstract class Human { private int x, y; public String name; public int age = 10; public int speed = 1; public double totalTime = 0.0; boolean runnable; boolean swimmable; void walk(int x, int y) { printLocation(); double time = (float) (Math.abs(this.x + x) + Math.abs(this.y + y)) / (speed + 2); System.out.println(name + "이/가 뛰기 시작합니다."); this.x = x; this.y = y; System.out.println(n..
