728x90

프론트엔드 161

position, flexbox 를 활용한 웹페이지 기본 디자인

실습을 위한 준비를 한다. sunblocks home sub1sub1sub1 sub2 sub3 about sub1 sub2 sub3 sub4 sub5 sub6 contact sidemenu1 sidemenu2 sidemenu3 All Rights Reserved By Sunblocks. 푸터 하단에 scroll to top 버튼을 추가한다. html, body{ margin: 0; padding: 0; box-sizing: border-box; } body{ height: 200vh; display: flex; flex-direction: column; } header, footer{ height: 70px; flex: none; } main{ flex: 1; /* background: brown; */..

position 기본개념

* position: relative - 자신의 현재위치를 기준으로 상대적으로 배치 실습을 위하여 아래와 같이 코드를 작성한다. static relative .container{ background-color: #ccc; } .static, .relative{ width: 200px; height: 200px; } .static{ background-color: yellowgreen; } .relative{ background-color: blue; } .container{ background-color: #ccc; } .static, .relative{ width: 200px; height: 200px; } .static{ background-color: yellowgreen; } .relative{ ..

프론트엔드/CSS 2024.02.12

시맨틱 태그 심화과제

연습과제 아래 코드펜의 화면 레이아웃을 시맨틱 태그로 구성해보세요! https://codepen.io/lordjiggyx/pen/eYOReEd Mobile First Website ... codepen.io 연습과제 아래 코드펜의 카드 컴포넌트 디자인을 참고하여 유사하게 디자인해보세요! https://codepen.io/utilitybend/pen/bGvjLba Hovers and focus using the has() relational pseudo-class Hovers and focus using the has() relational pseudo-class can give a boost to a11y... codepen.io 웹사이트에서 자주 사용되는 카드 컴포넌트를 한번 디자인해보세요! 1. 카드..

환경변수를 영구적으로 설정할때 setx path 를 cmd 창에서 입력했는데 안되는 경우

cmd 명령 프롬프트에서 setx path 를 해서 환경변수에 경로를 저장하려고 했는데 오류가 났다. 경고: 1024문자로 잘라냅니다. 라는 문구가 떴다. 해결책: window powershell 에서 환경변수를 등록하시고, 환경변수 조회는 cmd 창에서 하면 된다. cmd 창은 한번 껐다 키면 된다.

바이너리 데이터를 base64 string 으로 변환해서 이미지 보여주기

https://stackoverflow.com/questions/14915058/how-to-display-binary-data-as-image-extjs-4 How to display binary data as image - extjs 4 Here is the binary for a valid .JPEG image. http://pastebin.ca/raw/2314500 I have tried to use Python to save this binary data into an image. How can I convert this data to a viewable .JPEG image stackoverflow.com var img = document.createElement('img'); img.src ..

카카오 로그인 키 해쉬 오류 해결하기

https://velog.io/@reum107/React-Native-%EC%B9%B4%EC%B9%B4%EC%98%A4-%EB%A1%9C%EA%B7%B8%EC%9D%B8-%EC%A0%95%EB%B3%B5%ED%95%98%EA%B8%B0 React Native | 카카오 로그인 정복하기 (feat. 발생했던 에러 포함) 초보자에게 React Native 카카오 로그인 구현이란... 끝없는 에러의 연속...? velog.io // 라이브러리 공식에서 설명한 키 해시 찾는 명령어 (root 폴더에서 진행) keytool -exportcert -alias androiddebugkey -keystore ~/android/app/debug.keystore -storepass android -keypass andro..

안드로이드 시뮬레이터 느림 현상 해결 - 메모리 용량 늘리기

https://crone.tistory.com/523 안드로이드 스튜디오 Out Of Memory 메모리 부족 해결하기 안드로이드 스튜디오 버전이 상승됨에 따라 많이 개선되긴 하였지만 작업중에 렉이 걸리거나 프로그램이 Out Of Memory 문제로 꺼짐 증상이 발견된다면 안드로이드 스튜디오 메모리 할당량을 늘리 crone.tistory.com android 폴더의 gradle.properties 파일에 아래처럼 수정한다. 2048은 2GB 라는 의미이다. org.gradle.jvmargs=-Xmx2048m -XX:MaxMetaspaceSize=512m

카카오 로그인 키 해쉬 에러

https://devbksheen.tistory.com/entry/React-Native-%EC%B9%B4%EC%B9%B4%EC%98%A4-%EB%A1%9C%EA%B7%B8%EC%9D%B8-%EA%B5%AC%ED%98%84%ED%95%98%EA%B8%B0 React Native 카카오 로그인 설정 및 구현 RN 사이드 프로젝트 중 카카오 로그인을 구현하면서 방법을 정리하려고 한다. 라이브러리는 @react-native-seoul/kakao-login를 사용하였다. 1. 카카오 애플리케이션 생성 및 설정 kakao developers에 로그인 devbksheen.tistory.com

728x90