전체 글
2021년 회고 & 2022년 목표
[ 2021년의 사건들 ] About 커리어-개발 1. 웹디자이너/퍼블리셔 경력 2년 돌파 2. 전 회사 퇴사! 3. 골치썩이던 외주 유지보수 작업 정리 끝! 4. 스파르타 코딩클럽 시리즈 D 수료 with 구로청년이룸 5. 프론트엔드 개발자로 커리어 방향을 잡기로 결정 6. 코드캠프 프론트엔드 과정 등록, 프리코스 시작 7. 개인 프로젝트 아이디어 확정 (웹툰 에셋 관련..) About 커리어-그림 1. 네이버 런칭한 로판 웹툰 타이포 작업 About 여가생활 1. 단양에 패러글라이딩 여행 다녀옴 (with 수정) 2. 제주도 12일 홀로여행 다녀옴 2-1. 올레길에 관심이 생김! 공식 안내소에서 이것저것 물어보고 올레 패스포트 구입. 2-2. 한라산 영실탐방로 등반 성공, 한라산 정상 찍고 오는 코스..
[Javascript] 함수 작성 방법 세가지 | 선언식, 표현식, 화살표 함수
1. 함수 선언식 function hello() { alert('안녕하세요') } - 초기부터 있었던 함수 작성 방법 2. 함수 표현식 const hello = function() { alert("안녕하세요") } - 익명 함수를 만들어서 변수나 상수에 할당해주는 방식 - 호이스팅을 막기 위해 생긴 방법 3. 화살표 함수 const hello = () => { alert('안녕하세요') } - 함수 표현식의 변형 방법 - 실무에서 가장 많이 사용됨 * 작성 방법은 달라도, 실행 방법은 동일하다. hello()
[Javascript] 수학 객체 / 내장 함수
많이 사용되는 수학 객체 모음 Math.max(2,1,6) : 최대값 구하기 Math.min(2,1,6) : 최소값 구하기 Math.random() : 0~1 랜덤 수 만들기 Math.round(2.12) : 반올림하기 Math.ceil(2.12) : 올림하기 Math.floor(2.12) : 버림하기 Javascript 자주 사용하는 내장 함수 모음 String(a) : a를 문자열(String)으로 변환한다. Number('1') : 1를 숫자(Number)로 변환한다. padStart(6, '0') : 추후,, 확인 후 기입 setTimeout(기능, 초) : 시간 지연 함수 setInterval(기능, 초) : 시간 반복 함수 관련 참고 페이지 MDN Web Docs : https://develo..
[HTML/CSS] 필요 개념 정리
1. HTML이란? Hyper Text Markup Language 2. 요소(Element) 내용 하나의 태그로 완성된 라인를 요소(Element)라고 부른다. 각각의 태그는 약속된 명령어로, 고유한 기능을 가지고 있다. 3. DOM (Document Object Model) DOM을 이용해 javascript로 html을 동적으로 제어할 수 있음. document.getElementById('tadID').InnerText HTML 파일로 가서 'tagID'라는 id를 가진 태그를 선택해서 제어한다.
스파르타 개인프로젝트 03 - 발표&회고
[ 프로젝트명 : Boda ] 2. Boda 란? 국내 미술 갤러리의 전시 정보를 크롤링하여 지역별/기간별로 간략하게 분류하여 볼 수 있는 심플한 서비스. 국내에 전시 정보를 '심플한 UI, 광고 영향 없는 공정한 노출순서' 로 확인할 수 없는 웹페이지 혹은 어플리케이션이 없다는 점에 착안하여 기획을 시작하였다. "내가 원하는 날짜, 원하는 지역에 어떠한 전시가 진행중인지 한 눈에 보고 그 중 취향에 맞는 전시를 고를 수 있는 서비스"를 목표로 하였다. 3. 기술 설명 프론트엔드 : HTML / CSS / Javascript / JQuery 부트스트랩을 활용한 심플한 UI 전시 포스터가 기본적으로 시각적 정보를 전달하므로, 그 외의 시각적 요소를 최대한 배제한 디자인을 선택했다. 사용자 편의성을 위해서,..
[Javascript] Google JavaScript Style Guide
https://google.github.io/styleguide/jsguide.html
[Javascript] 기본 개념, 데이터 타입, 연산자
1. CRUD : Create / Read / Update / Delete 2. 변수 선언 및 데이터 할당 - 변수를 선언한다. (let / var / const) | let name - 변수에 데이터를 할당한다. | name = "철수" (등호 아님, 데이터 할당임) - 선언과 할당은 동시에 가능하다. | let name = "철수" - 변수 여러개를 동시에 선언하는 것도 가능하다. | let a, b, c, d 3. var / let / const - var : 재선언(이름 중복) 가능 / 재할당(데이터 수정) 가능 - let : 재선언 불가능 / 재할당 가능 - const : 재선언 불가능 / 재할당 불가능 - 실무에서는 주로 변수는 let으로, 상수는 const로 선언한다. - var는 옛날에 이..