멋쟁이사자처럼 프론트엔드 스쿨

3개월간 Front-End에 몰입하기 위한 멋쟁이 사자처럼 프론트엔드 스쿨 1기 최종 합격

HTML/CSS을 이용한 간단한 이력서 틀 만들기

Hyper Text Markup Language

오늘은 우아한 테크 코스의 임동준님이 멋쟁이사자 프론트엔드 1기 교육과정에서 특강을 해주셨다.

VScode 익스텐션, html 태그 꿀팁, 테이블 태그 정리

선택자 정리

KOREA STARTUP FORUM 클론 도전..

CSS 설계시 필요한 개념들

position과 float의 개념이 있다면 클릭! 재밌는 기능 stiky에 대해 궁금하면 클릭!

이 글부터 이해해야 다음 flex가 고통스럽지 않다..

작은 프로젝트에도 심혈을 기울이자.

flex part 2

그리드를 익혀보자. (신세계...)

확장 가능한 벡터 그래픽으로 XML 기반의 2차원 그래픽이다.

transition와 transform을 알아보자!

css가 재밌으면서 어려워지는..

Bem과 CSS 난독화 개념을 배워보고, 컨벤션을 읽어보자.

반응형 웹과 미디어쿼리에서 정리했지만, 이 글에서는 조금 더 자세히 정리하려고 한다.

과제를 수행해 보았다.

오늘도 Figma 를 받았다.. HTML/CSS과제다 과제!!

위와같이 동작하는 타일을 grid, flex를 이용하여 설계해보았다.

멋쟁이사자처럼 프론트엔드 1기에서 10:00~18:00에 조코딩님이 강의를 해주셨다.

Front-End 과제 : 별점 3/5 정도의 난이도

여러가지의 이미지를 하나의 이미지 파일안에 배치하여 이미지로드 부담을 줄이는 방법

Bootstrap 페이지에 설명되어 있듯이 세계에서 가장 인기 있는 Front-End 오픈 소스 툴킷이다.

구름 IDE를 이용

질문좋은 개발자란?

웹브라우저가 해석해서 실행할수 있는 유일한 프로그래밍 언어이다.

JavaScript의 기본 지식

(parameter와 Argument도 알아보자..)

새로운 Array 객체를 생성할 때 사용한다.

Test Driven Development

TDD에서 아래와 같은 방법들을 많이 사용한다.

설치 및 간단한 명령어 입력해보기

모바일 퍼스트로 감귤 마켓 설계하기(React, Next, TypeScript)

리팩토링 및 판매 중인 상품 Part

각종 버그 해결 및 채팅 목록 UI 구현

next-auth 를 이용한 커스터 로그인 기능 구현. 쿠키 세션 저장

회원가입 구현을 끝내보자! 이미지 미리보기와 이미지 서버에 이미지 등록 후 응답 받은 데이터로 회원가입.

유저 검색 기능과 좋아요 버튼

프로필 수정 기능 구현 및 로그인 세션에서 문제점 발견