# 데브코스

289개의 포스트
post-thumbnail

데브코스 32일차 TIL : SCSS 문법, @mixin, 내장모듈

@mixin 을 통해 재활용 할 수 있는 값을 설정할 수 있으며,@mixin으로 설정한 값은 @include 설정값을 통해 불러올 수 있다.@mixin large-text($size: 30px) 처럼 $size 매개변수 설정, : 30px기본값 설정 등 함수로도 사용

3일 전
·
0개의 댓글
post-thumbnail

데브코스 31일차 TIL : CSS grid, culumns, transfrom, filter, 변수선언

CSS에 관한 TIL은 배우는 것의 대략적인 내용을 제목에 써놓고, 이후 필요한 내용이 있을 때 네비게이터를 통해 참고하는 **참고서의 개념으로 정리**할까 한다.

4일 전
·
0개의 댓글
post-thumbnail

⚠️ 오류 발생 | Invalid CSS after " " expected expression(e.g, 1px, bold) was ...

Parcel로 SCSS를 컴파일하려다 코드 상단부에 map 모듈을 불러와map의 출처: Pacel - SCSSNotes: You can also use node-sass module for SCSS compilation. Using node-sass module wil

5일 전
·
0개의 댓글
post-thumbnail

[TIL]데브코스 프론트엔드 0917

content(data) : 소괄호로 데이터를 전달하여 using을 통해서 받아 styleblock에서 사용 가능SCSS와 SASS의 차이 : 대부분 중괄호와 세미콜론의 차이이지만 SASS는 @mixin을 =으로 @include을 +으로 사용@extend : 작성해놓은

5일 전
·
0개의 댓글
post-thumbnail

TIL | Vue

Vue3은 비교적 최신 버전으로 현재 Vue2 > Vue3으로 넘어가는 과도기이다.Vue 공식문서{{ }}: 이중 중괄호 구문반응형(반응성) 데이터: 데이터가 바뀌면 화면도 바뀐다.v-\_\_\_ : html에서 JS 요소를 사용할 때Vue.createApp(App).

6일 전
·
0개의 댓글
post-thumbnail

[TIL]데브코스 프론트엔드 0917

스타일을 정의해서 필요한 곳에 재활용 할 수 있음@mixin : 이름을 지정 후 브라켓 내부에 재활용할 내용을 입력@include : 정해놓은 스타일을 가져와서 사용할 수 있음변수와 기본값의 사용삼항 연산자 : if(condition, true, false)mixin

6일 전
·
0개의 댓글
post-thumbnail

[스터디] CORS(Cross-Origin Resource Sharing)

개발을 하면서 CORS 에러를 접해본 경험이 있을 것이다. 이 에러는 CORS 정책을 위반할 때 발생 하는 에러로 서버쪽에서 발생한 문제이다. 우선 SOP에 대해서 사전에 알고 CORS를 얘기하는 것이 좋다. 정확하게 하는 일을 알아보기 위해 URL 구조를 파악할

7일 전
·
0개의 댓글

클론코딩 2

리액트axiosuse effect로 렌더링 다된후에 돔을 접근해야할때 준비가 다되었으니 코드를 돌려라 이런거 알려준다우리는 서버로부터 데이터 가져오는 것 했음비동기로 처리하는것 다 여기 안에서 동작

7일 전
·
0개의 댓글
post-thumbnail

[TIL]데브코스 프론트엔드 0916

📚TIL day31 Transform 3D transform-origin : transform이라는 속성을 통해서 변환될 때의 기준점 설정 transform-duration : 전환효과를 지속하는 시간 설정 rotateX/ rotateY : x축, y축을 기준으로 회

2021년 9월 16일
·
0개의 댓글
post-thumbnail

10일간의 바닐라 JS로 Notion 클론 코딩 프로젝트 회고 ( + Vuex, EventBus 따라해보기 )

해당 페이지의 내용으로 08월 29일 TIL의 내용 중 일부를 가져왔다.이 때는 이 전에 진행했던 투두리스트 정도의 스펙만 생각을 하고 CSS를 신경 쓰지 않고 기능 구현에만 초점을 두고 구현을 시작하였다!실제로 구현을 많이 했다고 했지만.. API 요청 부분 과 트

2021년 9월 16일
·
6개의 댓글

클론코딩1

타임리프 할때post form에서 dto와 같은 변수명으로 name을 설정해줘야함

2021년 9월 16일
·
0개의 댓글
post-thumbnail

TIL | SCSS(Sass)

Week 7. SCSS내가 좋아하는 SCSS! 기초를 다시한 번 잡고 가즈아~!~!CSS Preprocessor(전처리 도구): 전처리 도구는 웹 브라우저에서 직접 동작하지 않기 때문에node.js환경을 통해 CSS로 변환작업을 거쳐야 함.Sass: 코드 블록이 없음블

2021년 9월 16일
·
0개의 댓글
post-thumbnail

ARTICLE | 타입 변환과 단축 평가

문자열 타입으로 변환 숫자 타입으로 변환 불리언 타입으로 변환

2021년 9월 15일
·
0개의 댓글
post-thumbnail

TIL | CSS 심화 (Transform 3D, Columns, Filter, 변수, @supports, @media)

3D 효과를 주기 위해선 원근감이 필요함.부모 요소에게 속성으로 주는 경우perspective: 거리속성으로 사용할 경우 부모요소에게 걸어주기ex) perspective(300px) : 300px 만큼 멀리 보이도록perspective-origin: x축 y축원근 기준

2021년 9월 15일
·
0개의 댓글
post-thumbnail

[TIL]데브코스 프론트엔드 0914

repeat minmaxgrid-row/columnsfit-contentfraction(fr)min/max-contentword-breakauto-fill다시 CSS 강의 주간으로 돌아왔다 ㅎㅎ CSS를 제대로 공부한 적 없기 때문에 배우는 모든 것들이 새로웠다! 함수

2021년 9월 14일
·
0개의 댓글

데브코스 TIL-CSS심화-grid

선언방법 행(row) 열(col) 정하기

2021년 9월 14일
·
0개의 댓글
post-thumbnail

데브코스 30일차 TIL : 드래그 앤 드롭과 웹워커 API

drag & drop api를 간단히 말하자면, draggable속성을 이용해 요소를 드래그 할 수 있고, droppable을 이용해 요소를 드롭할 수 있다는 것이다.사용방법은 드래그를 위해 html태그에 draggable="true"를 추가하고 draggable at

2021년 9월 14일
·
0개의 댓글
post-thumbnail

[TIL]데브코스 프론트엔드 0910

사진 검색기 실습을 했다! 검색했을 때 검색어를 추천해주는 API를 사용해서 추천 검색어를 보여주는 기능을 구현했다. 사용하던 것들을 하나하나 만들어가는 즐거움이 있다. 그리고 검색어 추천 API에서 1주차에 배웠던 트리를 사용한 검색어 추천기능을 떠올렸다. 배운 것

2021년 9월 13일
·
0개의 댓글
post-thumbnail

[TIL]데브코스 프론트엔드 0913

드디어 바닐라 자바스크립트 주간이 끝났다! 지금까지 배운 파트 중에 가장 재밌는 파트였다. 물론 프로젝트 주간에는 컴포넌트와 상태관리를 이해하지 못해서 괴로웠지만 그만큼 많은 것들을 배울 수 있던 시간이었다. 이 주간동안 가장 기억에 남는 점은 api사용을 배운 부분

2021년 9월 13일
·
0개의 댓글
post-thumbnail

TIL | 무한스크롤 UI 구현하기

Week 6. 무한 스크롤 구현 방식 화면 전체 height와 스크롤 위치로 스크롤이 컨텐츠 끝에 다다랐는지 체크해서 처리하는 방식 intersection observer 방식 내가 지정한 DOM 객체가 보고 있는 viewport? 시야에 닿았는지 감지하는 방식

2021년 9월 11일
·
0개의 댓글