본문 바로가기 메뉴 바로가기

미코딩코

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

미코딩코

검색하기 폼
  • 분류 전체보기 (26)
    • 미코의 개발일기 (6)
      • 매일 매주 매년 (3)
      • 네카라쿠배 시즌2 (3)
    • FE 개발노트 (18)
      • WEB (1)
      • HTML CSS (1)
      • Javascript (5)
      • etc (11)
    • Algorithm (1)
  • 방명록

전체 글 (26)
[NKLCB/8주차] FE 개발자는 뭘 개발하는거야?

패스트캠퍼스 네카라쿠배 과정을 진행하면서 작은 커리큘럼이 마무리될 때마다 기록하는 회고록 이렇게 빠듯한 커리큘럼에서 HTML CSS 강의를 3주나 한다고? 이런 의문을 품은 것은 비단 나뿐만이 아니었을 것이다. 프런트엔드 개발을 희망하고 준비하면서, HTML CSS가 중요한 FE의 중요한 중심축 중 하나인걸 알면서도 막연히 프로그래밍 언어인 JS에 대한 중요성만 생각하고 있었다. 삼주가 지난 후의 소감은 '3주가 뭐람, 몇 주만에 끝낼 수 있는 주제가 아니다'라는 것이다. 단순히 어떤 태그를 쓰면 어떤 형태가 나오고, 웹의 모양을 잡기 위해 스타일을 어떻게 적용시키는 등의 단편적인 기술은 중요한 것이 아니었다.(중요하지 않다는 것이 아니라 이런 기술은 기본적으로 당연히 해내야 한다는 것...) 이번 수업..

미코의 개발일기/네카라쿠배 시즌2 2021. 9. 12. 13:48
웹접근성 : 진정한 프론트엔드 개발자가 되기위한 첫걸음

웹 접근성 Web Accessibility Thw power of the Web is in its university, access by everyone regardless of diability is an essential aspect. - Tim Berners 중요하지만 실무에서 많이 무시되는 영역이다. '내'가 직접적으로 사용하지 않고, 해당 고려사항이 수익과 직결하지 않기 때문이다. 하지만 좋은 개발자란 항상 사용자의 관점을 생각하고, 그들의 편안함을 위해 조금의 수고를 더 하는 것이다. 다양한 사용자 경험, 그에 대한 개발자의 당연한 고려 시각 장애, 청각 장애, 지체 장애, 뇌병변 장애 등 다양한 카테고리의 장애가 있다. 그들이 정보를 접하는 방법을 생각하여 접근성이 좋은 개발을 생각하자. 사..

FE 개발노트/WEB 2021. 8. 9. 21:42
[HTML] head태그의 lang

HTML의 head부분에 들어가는 언어 정보 웹접근성을 위해 꼭 써주자! lang의 속성으로 기본 언어 선언을 해주어야 화면 낭독 프로그램이 언어를 인식하여 음성 변환 등 해당 언어에 적합한 발음을 제공한다. 속성값은 "언어-국가" 형식으로 들어간다. 국가를 꼭 써줄 의무는 없다. 예를 들어 아래와 같은 예시는 "한국어-대한민국"이라는 뜻이다. "ko-KP" 는 한국어-북한이된다. 참고 링크: https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang https://mygumi.tistory.com/52

카테고리 없음 2021. 8. 9. 21:27
Emmet 활용법 : 구조 한번에 짜기...

💚Emmet 01.구조와 내용 한번에 만들기 .container>header.header+div.visual+main.main+article.slogan+footer.footer header.header{헤더내용} 02.리스트 안의 메뉴 항목들로 a 태그 감싸기 태그로 감쌀 부분 블럭설정 ctrl + shift + p 팔렛트 열고 Emmet : Wrap with Abbriviation Emmet 명령어 쳐주기 ol>li*>a[href="#"] 완성! 03.넘버링 자동으로 달아주는 Emmet $를 이용한다. [예시] numbering1 ~ 3 까지 div 3개 만들기 .numbering$*3 04. Emmet 유용한 단축키 설정하기 Evaluate Math Expression : 계산 자동으로 하게 해주는..

FE 개발노트/etc 2021. 8. 9. 21:14
스택프레임,재귀함수를 이용해 js로 전위,중위,후위 순회 구현하기

Stack Frame (스택 프레임)이란? 메모리의 스택 영역은 함수의 호출과 관련된 정보(지역변수, 매개변수 등)를 저장하는 곳이다. 이 곳에 저장되는 함수의 호출 정보를 스택프레임이라고 하며, 호출이 완료되면 해당 스택프레임은 소멸한다. 스택(stack)이라는 자료구조에 맞게 LIFO(Last In First Out)형태로 스택프레임이 쌓이고 소멸한다. 이를 이용해 전위 순회, 중위 순회, 후위 순회를 표현해보자. 순회 종류 전위 순회 (prefix) : 부모 - 자식(왼) - 자식(오) 중위 순회 (infix) : 자식(왼) - 부모 - 자식(오) 후위 순회 (postfix) : 자식(왼) - 자식(오) - 부모 완전 이진트리로 구현하기 코드로 구현하기(js) 스택프레임의 원리를 이용하여 재귀함수로..

Algorithm 2021. 8. 9. 11:03
[NKLCB/4주차] 2주간의 알고리즘 기초 수업 끝

패스트캠퍼스 네카라쿠배 과정을 진행하면서 작은 커리큘럼이 마무리될 때마다 기록하는 회고록 알고리즘 강의의 대가 김태원 강사님과 함께한 2주는 무척이나 알찼고, 그만큼 아쉬웠다. 코로나로 인한 첫 2주간의 재택 강의만 아니었어도 3주간 함께할 수 있었는데... 개발에 관심을 갖고 공부한지는 일년이 넘었지만, 기능 구현에만 관심을 갖다보니 알고리즘과 코딩테스트는 '일단 어떻게 개발하는지 부터 해보고' 할 것으로 미뤄두고 있었다. 그나마 국비과정을 진행했을 때 팀원이 파이썬으로 자료구조를 공부하는 걸 보고 함께했던 적이있어 스택이나 큐 따위의 개념들을 따라갈 수 있었다. 하지만, 그 정도로는 따라가기 힘들 정도로 알고리즘 수업은 코딩테스트를 처음 접하는 사람들에게 매우 가혹한 속도로 진행되었다. 첫 수업, 두..

미코의 개발일기/네카라쿠배 시즌2 2021. 8. 8. 20:07
js 자바스크립트 map 개념+알고리즘 카운팅 팁

let sHash = new Map(); 맵(Map) 기본 개념 👉 맵(Map)이란? key : value 의 구조로 저장되어 key를 통해 바로 value에 접근할 수 있고, 저장된 순서대로 각 요소들을 접근할 수도 있다. (즉, 인덱스가 아닌 key로 바로 값을 찾고, for of 같은 반복문도 돌릴 수 있다.) 주의 사항 'key는 중복될 수 없다'. Object와의 주요한 차이점은 다음과 같다. map key는 반드시 구체적인 value가 있을 때만 들어갈 수 있다. key값으로 무엇이든 올 수 있다. (함수, 오브젝트 ...) 전체 사이즈(key의 갯수)를 size() 함수를 통해 간단하게 알 수 있다. 순서대로 key, value, entries 를 호출하기 쉽다. (iterable) obje..

FE 개발노트/Javascript 2021. 7. 26. 21:05
[NKLCB/DAY01] 패스트캠퍼스 네카라쿠배_재택으로 시작한 부트캠프

패스트캠퍼스 네카라쿠배 과정을 진행하면서 작은 커리큘럼이 마무리될 때마다 기록하는 회고록 1차, 2차, 3차를 거쳐 힘들게 합격한 부트캠프인데, 코로나 때문에 재택으로 시작해 현장감을 느끼지 못하는 것이 아쉽다. 그래도 집에 있어도 되는건 좋다. 기존의 프로그램 일정에선 1주차 부터 코딩테스트 준비를 위한 알고리즘 수업이 있었는데, 재택 기간 동안은 인강을 우선적으로 듣는 방향으로 조정된 것 같다. 4단계가 말이 2주지 최소 4주는 가지 않을까 싶지만 뭐 어떻게든 굴러가겠지! 학습할 내용을 가이딩해주고, 긴 자습 시간 동안 스스로 시간을 관리할 수 있어 딱 내가 원하는 학습 환경이다. 매일 시험을 치고 중도 탈락의 위험을 상기시켜주지만, 아직은 탈락의 불안보다 성장하는 것에 대한 기대가 더 크다. 화이팅..

미코의 개발일기/네카라쿠배 시즌2 2021. 7. 12. 22:44
이전 1 2 3 4 다음
이전 다음
공지사항
  • 블로그 소개와 위키 프로젝트
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
  • WIKI for Frontend Beginner
TAG
  • 티스토리커스텀
  • rangeerror
  • 네카라구배
  • 넥사크로
  • 히든클래스
  • MDI
  • hiddenclass
  • This_weekILearned
  • 패스트캠퍼스
  • 개발일기
  • 웹접근성
  • 프론트엔드
  • JS
  • 알고리즘
  • 자바스크립트
  • tocbot
  • nexacro
  • til
  • 티스토리
  • JavaScript
  • 네카라쿠배시즌2
  • getPrototypeOf
  • 네카라쿠배
  • 프로토타입체인
  • SDI
  • 프레임구조
  • FE
  • 일반객체구분
  • html
  • css
more
«   2025/07   »
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.