본문 바로가기

분류 전체보기125

[HTML/CSS] 개톡 프로젝트 1일차(figma - 계획 및 구상, 파트 분배) 개톡은 지금까지 웹 스터디에서 배운 HTML과 CSS를 활용해, 톡 서비스를 구현을 목적으로 한 프로젝트이다. 무엇보다 인생에서 처음으로 github를 활용했던 첫 협업 프로젝트여서 너무 설렜다. 이 설레는 마음의 초심을, 프로젝트가 끝날 때까지 지니는 것을 목표로, 본격적인 1일차! 계획 및 구상을 진행했다. 계획 및 구상) - 사용 툴 프로젝트에 있어서 가장 중요하고 튼튼해야하는 부분이다. 협업에서는 더더욱 서로가 추구하고자 하는 결과물의 방향성을 정해 나가고, 조정해야 하기 때문에 가장 신경써야 하는 부분이다. 다른 것 보다도, 우리 팀은 협업을 중요시했기 때문에, 모두가 동시에 의견을 제시하고 계획을 적어나갈 수 있는 공유 화이트보드 서타일의 figma 사이트를 사용해 진행했다. https://w.. 2021. 8. 7.
[JavaScript] Array 개념 총정리! ( With. Ellie ) Array🎉 1. Declaration new 사용 or [] 사용 const arr1 = new Array(); const arr2 = [1, 2]; 2. Index position const fruits = ['🍎', '🍌']; console.log(fruits); //배열 정보 출력 console.log(fruits.length); // 배열 크기 출력 console.log(fruits[0]); //0번재 값 출력 console.log(fruits[1]); // 1번재 값 출력 console.log(fruits[2]); //2번째 값 출력 console.log(fruits[fruits.length - 1]); //마지막 위치의 값 출력 (fruits.length === 2) console.clear.. 2021. 8. 1.
[JavaScript] 편리한 Object의 세계! (With. Ellie) 1. Objects one of the JavaScript's data types. a collection of related data and/or functionality. Nearly all objects in JavaScript are instances of Object object = { key : value }; 변수안에 인자를 지정함으로써 좀 더 관리, 활용하기 편리하게 도와준다. const obj1 = {}; // 'object literal' syntax const obj2 = new Object(); // 'object constructor' syntax function print(person) { console.log(person.name); // 인자에 접근시 점(.) 사용! cons.. 2021. 7. 27.
[JavaScript] Class vs Object, 객체지향 언어 클래스 정리 (With. Ellie) class : template ,틀 object : instance of a class JavaScript classes - introduced in ES6 - syntactical sugar over prototype-based inheritance //편리하다 1. Class declarations class Person { // constructor constructor(name, age) { // fields this.name = name; this.age = age; } // methods speak() { console.log(`${this.name}: hello!`); } } const rotoma = new Person('rotoma', 20); console.log(rotoma.name).. 2021. 7. 27.
[JavaScript] Arrow Fuction이란? 함수의 선언과 표현 (With. Ellie) Function - fundamental building block in the program - subprogram can be used multiple times - performs a task or calculates a value 1. Function declaration function name(param1, param2) { body... return; } one function === one thing naming: doSomething, command, verb 함수 이름은 동사형태로 만들면, 분명하게 목적을 알 수 있어서 좋다. 함수 기능을 세분화해, 나눠서 구현하자! e.g. createCardAndPoint -> createCard, createPoint function is obje.. 2021. 7. 27.
[Github] github 사용법, 명령어 정리!! Github 사용법 지난 글의 git 강좌를 보시고 다들 오셨겠죠오옹?? 그렇담 바로 본론으로 들어갑니돠~~!! 우선!! 전에 배운 고오오대로오오 파일을 샤샤삭 만들었당! 참 쉽죠? ㅎㅎ 그리고 꼬옥!! commit 까지 확실하게 끝내주세요옹~~ 자 이제 본격적으로 github 사용법 시작 > 한 폴더의 원격 repository를 확인할 수 있다. --> 현재까지는 아직 설정한 repository가 없기 때문에 아무것도 뜨지 않는 것을 볼 수 있다. 그럼 바로 github의 repository와 연결 해 봅시당!! 위의 github repository에 가면 확인할 수 있는 코드 사진이다. 위 명령어는 이 github repository가, 이 폴더를 'origin'이라는 이름으로, 원격 저장소로 설정하.. 2021. 7. 27.

티스토리툴바