본문 바로가기
반응형

분류 전체보기

 (240)
Mysql 복습 복습타임 1. mysql 접속하기 나는 비밀번호를 설정하지 않았기 때문에 다음과 같이 접속한다. 2. 저장된 DB(스키마) 읽기: SHOW DATABASES; 3. DB(스키마) 만들기: CREATE DATABASE ______; 4. 스키마 접속하기 & 스키마 내의 표 확인하기: USE _____; / show tables 5. 스키마 내의 표 보기: desc ____; topic이라는 이름의 만들어두었던 표를 열었다. 6. table 내용 확인하기: SELECT * FROM ____; 7. 표에 row(행) 추가하기: INSERT INTO _____( , , , , ) VALUES (' ', ' ', ' ', ' ', ' '); 구글링을 생활화할 것! https://www.w3schools.com/s..
[노마드코더] 바닐라 JS 2/ 백틱! 과거 자바스크립트는 다음과 같은 방식으로 코드를 작성했다. 바로 내가 생활코딩에서 배웠던 방식이다! 이 방식에서 문자열은 ' '든, " "든 같았다. 여기에 새로운 방식이 추가되었는데 바로 저 ``백틱이라는 것이다. 맥 키보드에는 눈을 씻고 찾아봐도 없었다. 알고 봤더니 백틱은 이미 죽은 키로.. option + ₩ 을 누르면 입력할 수 있다. ``을 이용해, 위의 코드를 다음과 같이 보다 편하게 만들어줄 수 있다. function sayHello(name, age){ console.log(`Hello ${name} you are ${age} years old`); } 이렇게! 이번에는 greetNicolas라는 새로운 변수를 선언해서 이 함수를 실행해보겠다. greetNicolas는 sayHello 함..
[항해일지 버전업 프로젝트] 열심히 HEROWS 웹서비스 프론트엔드 개발중(github, 기능명세서, git commit, frontend, html/css/javascript, bootstrap) 조용하던 나의 github, 4년만에 다시 꺼내들다 2016년 멋쟁이 사자처럼 활동 이후로 새하얗던 github에 내 commit log들이 차곡차곡 다시 쌓이기 시작했다. 본격적으로 매일매일 서비스 개발을 진행하고 있다. 지난 해커톤과 다르게 이번 프로젝트에서는 나도 figma 디자인 다음 단계에서, 개발을 함께하고자 그간 코딩 공부를 해오고 있었다. 결론부터 말하자면 그리하여 현재, 영차영차 다시 바닥부터 공부해서 프론트엔드 열일중이다. 깃헙에서 우리팀의 repositorty를 만들고, git clone을 한 뒤 terminal을 이용해 git push를 하고 있다. git push/pull 하는 방법 git status git add * git commit -m "" git push origin m..
[노마드코더] 바닐라 JS 1~ 1-10 자바스크립트.. 너....Super Cool! 니콜라스의 바닐라 JS 시리즈를 시작했다. 그랬더니, 생활코딩의 js를 배울 때와는 또 다른 세계가 열렸다! 자바스크립트로 이렇게 멋지고 쿨한 것들을 할 수 있다니!! 그리고 자바스크립트는 그 어떠한 다른 언어로도 대체할 수 없는 강력한 언어였다니!! 아래의 사이트에는 자바스크립트로 만든 게임들이 있다. 멋지다......나도 자바스크립트를 이용해서 우리 우봉이로 게임 만들어야지!!! https://impactjs.com/games Impact Games impactjs.com 바닐라 자바스크립트란? 앞서서 자바스크립트를 공부할 때 그런 의문이 있었다. 구글에 검색해보면, 어떤 명령을 위해 쓰이는 코드가 포스팅마다 조금씩 다른거다. 나는 생활 코딩에서 docu..
Backend 백엔드의 기본 원리(feat. 노마드코더 Nomad coders) https://www.youtube.com/watch?v=8oIJ26CNPXQ
[생활코딩] Javascript 객체(object) 쓰기와 읽기 함수 퀵 리뷰 function 함수이름(매개변수1, 매개변수2,...) { 함수가 호출되었을 때 실행하고자 하는 실행문; } 1. 객체 쓰기 2. 객체 읽기 3. 객체에 추가하기 4. 띄어쓰기 있는 객체 추가하고 읽기 for(var key in coworkers) { document.write(key+':'+coworkers[key]+' '); } (Array 배열 기초 참고: http://tcpschool.com/javascript/js_array_basic) 객체에 소속된 함수 = method 객체에 소속된 변수 = property 위의 내용으로 치면, coworkers에 걸려있는 함수인 function(){ }에 해당하는 내용이 바로 method이고, coworkers에 걸려있는 변수인 progra..
항해일지 버전업 서비스의 브랜드 컨셉과 브랜드 캐릭터 '우봉이'를 만들다 클라이언트와 첫 시안 미팅하는 에이전시의 마음으로 본격적인 UXUI 디자인에 앞서서, 기획 단계에서 정하고 가야할 부분이 있었다. 바로 '브랜딩'에 관한 전략이었다. 항해일지를 버전업하면서 이전과의 차이점을 만들어간다면, 그 차이점 중 하나로 우리만의 컨셉이 잘 묻어나는 브랜딩을 하고 싶었다. 직전 회의에서 우리 브랜드의 키워드와 대-략적인 컨셉에 대한 합의들을 어느정도 해나갈 수 있었다. 그런데, 일정 단계에 도달하자 많은 것들이 개인의 취향에 의해 결정되게 되는 상황에 도달했다. 이래서는 안되겠다고 생각했다. 회의 이후에 나와 산이 잠시 이야기를 나누면서 나왔던 씨앗들을 바탕 삼아, 다음 회의를 위해 전체적인 브랜드 컨셉에 대한 제안서를 준비해갔다. 사실 새로운 컨셉에 대한 이야기가 나왔을 때, 처음..
[생활코딩] 배열과 반복문의 활용 / 함수의 기본, 매개변수와 인자, 출력 배열과 반복문의 활용 함수 이렇게, 위에 two라는 이름의 함수를 지정해줬고, 이후에 two()라고만 적어주면, 길게 코드를 반복해줄 필요없이 해당 함수를 실행 시킬 수 있다! 매개변수와 인자 parameter & Argumnet 입력(매개변수)과 Parameter & Argument(인자) function sum(left, right){ document.write(left+rigth+' '); } 태그 안에서 함수의 내용을 위와 같이 정의해준다. sum(2,3); sum(3,4); 이렇게 실행시켜주면 왼쪽의 화면처럼 5와 7이 산출된 것을 볼 수 있다. 출력 Return 출력을 이용하면, 단순 덧셈 뿐 아니라, 더 추가적인 다양한 요소들을 출력해야할 때 유용하다. 이전에는 다음과 같은 방식으로 함수를 ..
728x90
반응형

티스토리툴바