개발자 권군

- 로고 디자인을 한 이유? 학교에서 팀프로젝트로 웹 개발을 하고 있다. 디자인과 프론트엔드를 담당하고 있으며 디자인을 하면서 로고를 만들게 되었다. - 파워포인트를 사용한 이유? 일단 디자이너들이 사용하는 포토샵이나 일러스트 같은 툴을 사용할 줄 모른다. 파워포인트로 로고라는 것은 얼마든지 만들 수 있다고 생각했다. - 로고 기획 로고 디자인에 앞서 검색으로 알아보았다. 웹 페이지의 주제와 목적에 맞는 로고를 사용해야 한다는 것을 알고 기획을 했다. 웹 페이지를 두 가지 키워드로 나타내면 '택배'+'계산'이다. 어떤 식으로 이 키워드를 동시에 로고로 나타낼 수 있을까 생각했다. 택배==상자 계산==연산자 이렇게 나타내보기로 했다. - 과정 처음에는 손으로 일단 생각나는 것들을 그렸다. 연산자를 원으로 ..

[언제 지울지 모르는 일상글...] 어디든 일상글 같은 걸 올리면 생각을 드러낸 것에 대한 후회가 생겨 지워버린다. 이건 지우지 말고 있고 싶다.. 9월 4일인데 할 일은 많이 쌓여있다. 기존에 하던 학교 프로젝트 외에 새로운 프로젝트를 시작했다. 처음으로 전혀 모르는 동료들과 진행하는 프로젝트이다. 학원도 다니고 있어서 매주 일정이 빡빡하다. 이렇게 바쁜 나 처음이야~ 알고리즘 공부도 해야되고 코테 준비도 해야되고 해야될 건 참 많네 디자인 학원 다니면서 느낀 점은 디자인은 참 어렵다는 생각 프로젝트에서 무작정 내가 디자인 맡겠다고해서 진행하고 있는데 어렵다ㅜ 프로젝트 2개를 동시에 진행하는 이 상황.. 지금은 어려울지 몰라도 나중에 보면 전환점이 될 수 있을 것이다. 잘 해봐야지~ 너무 스트레스 받지..

//자바스크립트는 객체 프로퍼티 키로 오직 문자형과 심볼형만 허용 //1. 심볼 let id = Symbol(); //Symbol()을 사용해 심볼값을 만듦. //id는 새로운 심볼이 됨. let id = Symbol("id"); //심볼 id에는 id라는 설명이 붙음. //설명이 동일한 심볼을 만들어도 심볼값은 다름 let id1 = Symbol("id"); let id2 =Symbol("id"); alert(id1==id2);//false let id = Symbol("id"); alert(id.toString());//Symbol(id) let id=Symbol("id"); alert(id.description);//id //2. 숨김 프로퍼티 //심볼을 이용해 '숨김(hidden)'프로퍼티를 만들..

//객체의 프로퍼티에 함수를 할당해 객체에게 행동할 수 있는 능력 부여 //1. 메서드 만들기 let user = { name: "John", age: 30 }; user.sayHi=function(){ alert("안녕하세용ㅅ"); }; //객체 프로퍼티 user.sayHi 에 함수 할당 //메서드: 객체 프로퍼티에 할당된 함수 //sayHi-메서드 user.sayHi(); //이미 정의된 함수로 메서드 만들기 let user = { name: "John", age: 30 }; function sayHi(){ alert("안녕"); }; //선언된 함수를 메서드로 등록 user.sayHi = sayHi; user.sayHi(); //객체를 사용하여 개체를 표현하는 방식: 객체 지향 프로그래밍 //관련 ..

설명 이번 작업의 콘셉트는 미니멀이다. 작은 책상과 의자를 두어 미니멀한 매력을 보여준다. 옆에는 협탁을 두려고 한 초기 레이아웃의 모습이다. 의자 모양이 세련된 느낌을 주도록 도형을 활용했다. 과정 의자에 사용한 도형이 매력적이라 생각하여 조명에도 사용했다. 좋은 색 조합을 찾기 위해 여러 사이트를 참고했다. (사이트 링크는 게시물 마지막에 참고) 초기 노트북을 태블릿으로 변경했다. 이유는 키보드를 표현하기에 아직 능력치가 낮아서.. 어려웠던 점은 일상에 태블릿이 비스듬히 누워있는 모습을 표현하는 것이었다. 그래서 태블릿 뒷부분의 거치대를 만들어 보다 자연스럽게 만들어주었다. 피드백 주변의 피드백 중 '생기가 부족하다.' , '방이 불안해 보인다.' , '색이 어두침침하다.'라는 말을 듣고 요인이 무엇..

계기 몇 년 전 제페토라는 메타버스 게임을 재밌게 했다. 캐릭터에 스타일링을 하는 재미로 잠깐 했다. 그 후 제페토에 직접 옷, 신발 등을 직접 만들어 판매할 수 있다는 유튜브를 보았다. 블렌더라는 툴을 사용해서 할 수 있었는데 시도해 보고자 해서 다운로드했다. 툴의 사용법도 모르고 옷을 만들기는 참 어려웠다. 그리고 블렌더의 존재를 잊고 있었다. 최근 인스타그램에 나의 데스크 셋업 사진을 찍어 올리곤 했다. 책상을 꾸미는 데 관심이 있다 보니 문득 블렌더가 떠오르며 데스크 셋업을 만들어보고 싶었다. 과정 유튜브에 공개된 무료 영상의 도움을 받았다.(유튜브 영상의 링크는 게시글 마지막에 참고) 첫 번째 강의를 듣고 블렌더로 할 수 있는 것은 도형을 배치하고 색을 입히는 것이었다. 영상을 보고 최종 결과물..

//1. 리터럴과 프로퍼티 let user = new Object(); //객체 생성자 문법 let user = {}; //객체 리터럴 문법: 중괄호를 이용해 객체를 선언하는 것 let user ={//중괄호 안에는 키:값 쌍으로 구성된 프로퍼티가 들어감 name: "John",//키(이름,식별자),값 age: 30, "like birds": true, //복수 단어는 따옴표로 }; //프로퍼티 값 얻기 alert(user.name);//John alert(user.age);//30 //프로퍼티 값에는 모든 자료형 가능 //프로퍼티 추가 user.inAdmin=true; //프로퍼티 삭제 delete user.age; //상수 객체 수정 const user = { name: "John" }; //cons..

- HTML 태그 Canvas API로 다양한 그래픽을 그리기 위해 태그를 이용한다. 태그는 width, height 속성을 가지고 있고, 기본값은 width=300px, height=150px로 지정된다. -JavaScript const canvas = document.getElementById('canvas'); const ctx = canvas.getContext('2d'); getContext() canvas 요소는 getContext() 메서드를 이용해서, 랜더링 컨텍스트와 그리기 함수들을 사용할 수 있다. getContext() 메서드는 렌더링 컨텍스트 타입을 지정하는 하나의 파라메터를 가진다. 2D 그래픽의 경우, 2d로 지정한다. ctx.fillStyle = 'green'; ctx.fill..

#include #include ; //벡터 헤더 파일 using namespace std; int main() { vector v; //벡터 선언 v.push_back(1); v.push_back(2); v.push_back(3); for(int i=0;i

#10773번 제로 코드 설명 가장 마지막에 들어온 수를 지워야하기 때문에 '스택'으로 코드를 작성함. STL을 사용하지 않고 stack배열을 선언한 후 push(), pop()을 만들어 풀어봄. - push() void push(int n) { stack[E] = n; E++; return; } E는 요소가 들어가야할 곳을 뜻하고 초기값은 0임. n을 입력받으면 stack의 E번째 자리에 넣어주고 E를 1 증가시킴. - pop() void pop(int n) { E--; return; } E를 1 감소시켜주어 push()했을 때 새로운 숫자가 들어오게 함. 코드 #include using namespace std; int k,n; int stack[100001] = { 0, }; int E= 0; vo..