yevdev◡̈

Swift에서는 튜플 외에도 많은 수의 데이터를 묶어서 저장하고 관리할 수 있는 컬렉션 타입을 제공한다. 배열 딕셔너리 세트 1️⃣ 배열 var names: Array = ["yejin", "chulsoo", "yonghee", "yejin"] // Array == [String] var names: [String] = ["yejin", "chulsoo", "yonghee", "yejin"] var emptyArray: [Any] = [Any]() //Any를 데이터 요소로 갖는 빈 배열을 생성 var emptyArray: [Any] = Array() // 위 선언과 같은 동작 var emptyArray: [Any] = [] // 배열과 타입을 명시해줬다면 []만으로도 빈 배열을 생성할 수 있다. pri..

Swift의 문자열 보간법을 공부하던 중, CustomStringConvertible 프로토콜의 description 속성에 대한 설명이 간략하게 나와있어서 정리해보았다. 1️⃣ CustomStringConvertible ? 공식문서에 따르면 문자열 보간시 사용되는 프로토콜! 이 프로토콜로 채택한 타입은 인스턴스를 문자열로 변환할 때 사용할 고유의 표현을 제공한다고 한다. 2️⃣ CustomStringConvertible의 description 속성 ? 인스턴스를 description 속성을 사용하여 문자열로 치환할 수 있다는 것 같다. 이해가 잘 되지 않으니, 공식문서의 소스코드를 살펴보자! struct Point { let x: Int, y: Int } let p = Point(x: 21, y: 30..

💡 함수형 프로그래밍 패러다임? 프로그램이 상태의 변화 없이 데이터 처리를 수학적 함수 계산으로 취급하고자 하는 패러다임 함수 자체의 응용을 중요하게 여김 순수하게 함수에 전달된 인자 값만 결과에 영향을 주므로 상태 값을 갖지 않고 순수하게 함수만으로 동작 어떤 상황에서 프로그램을 실행하더라도 일정하게 같은 결과를 도출할 수 있음! 함수형 프로그래밍의 장점 프로그램이 동작하는 흐름에서 상태(값)이 변하지 않으면 함수 호출이 각각 상호 간섭없이 배타적으로 실행되므로 병렬처리할때 부작용이 거의 없다. 또한, 필요한 만큼 함수를 나누어 처리할 수 있도록 스케일 업할 수 있기 때문에 대규모 병렬처리에 큰 강점! 멀티 코어 혹은 여러 개 연산 프로세서를 사용하는 시스템에서 효율적인 프로그램을 만들기 쉽다. 상태변..

Surfee 런칭이 완료됐다 ! 사이트는 https://surfee.co.kr 여기로 🚀 (많은 피드백과 후기 부탁함니다😊) ➰자세한 정보 (디스콰이엇) : https://disquiet.io/product/surfee-1645603651836 Surfee | Disquiet* 노코드 랜딩페이지 제작 툴 disquiet.io ➰Github repository : https://github.com/thxxx/kiwi GitHub - thxxx/kiwi: LandingPage MVP for Kiwi LandingPage MVP for Kiwi. Contribute to thxxx/kiwi development by creating an account on GitHub. github.com FE 개발자로 참여..

Surfee 개발자로 출근한지 한달은 된거 같은데, 아직 일주일 밖에 안지났다 .. ! 지난 주에 '새로운 알바 + 근로 + 새로운 일 + 자격증 공부 시작하려고 맘먹기(?)' 등을 하느라 너무너무 바빴는데, 그래도 바쁜 와중 블로그가 생각났고 저번 Portfolio 카테고리 처럼 Surfee를 개발하며 생긴 어려움과 해결코드를 기록해보고자 한다. 내가 기획 단계에 있었던 팀도 아니고 더군다나 대학생 초기 스타트업 팀이기 때문에 디자인, 화면 그런건.. 어느정도 보안을 지켜가며? 기능위주로 기록할 예정! 사실 1차 MVP 개발이 너무 바빠서 .. 글을 잘 올릴지 모르겠다 ㅠㅠ.. 지금 기능의 70프로는 구현되어있는거 같지만 ,,, ㅋㅋ,, 암튼 다시 포스팅 시작! 아쟈뷰👊

보호되어 있는 글입니다.

현재 포트폴리오 진행상황은 웹(PC) 버전만 일단 구현 완료한 상황이다! 아직 반응형은 진행하지 못했고,, 일단 바빠질 다음주를 대비하여 웹 버전만 완벽하게 해두기로,, 무료로 웹 프로젝트를 호스팅하기 위해 많이들 사용하는 Github Pages를 사용한 것을 기록해보겠다! 1️⃣ Repository > Settings > Pages 이동 호스팅을 하고자 하는 프로젝트가 담긴 Repository에서 Settings로 이동한다. Settings의 사이드 바를 보면 Pages탭이 있는데 그곳으로 들어간다! 여기서 master 혹은 main 브랜치로 설정한 후, save 버튼을 눌러준다. 이때 생성되는 초록색 바탕의 url을 복사한다!! 2️⃣ 프로젝트의 package.json파일에 homepage 프로퍼티 ..

스크롤할 때 애니메이션 효과를 주고자한다! ( 스크롤 할 때 말고 다른 컴포넌트 마운트시에도 사용가능 ) 💡Aos? (Animate On Scroll Library) - 스크롤 할 때 보여지는 영역에 애니메이션 효과를 넣을 수 있는 라이브러리 - 어떤 애니메이션이 있는지는 https://michalsnik.github.io/aos/ 요기서 확인할 수 있음 :) 1️⃣ 설치 yarn add aos 2️⃣ 사용할 컴포넌트 혹은 index.js에 import ! import AOS from 'aos' import 'aos/dist/aos.css' AOS.init(); 3️⃣ 애니메이션을 적용할 컴포넌트 (영역) data-aos="fade-up" : fade-out, zoom-in 등 다양하게 애니메이션 적용 ..

오늘은 React-scroll을 이용하여 원하는 영역으로 부드럽게 이동하는 동작을 구현해 보겠다. 포폴 사이트는 원페이지로 구성되어 있기 때문에 헤더의 각 항목들을 눌렀을 때, 하나의 페이지에서 나뉘어진 영역을 부드럽게 이동하고 싶었다. 💡React-scroll? - 1️⃣ React-scroll 설치 npm의 경우, npm install --save react-scroll​ yarn의 경우, yarn add react-scroll​ 2️⃣ Header 항목 버튼들이 있는 컴포넌트 import { Link } from 'react-scroll' 을 맨 위에 import 해준 후, 각 항목마다 Link를 걸어준다. 여기서 smooth 옵션은 각 항목을 클릭했을 때 부드럽게 영역을 이동할 수 있게 해줌! t..

개발하면서 가장 많은 시간을 뺏긴 것 같았던 모달 창 구현! ContextAPI로 전역적인 상태를 가지고 오자는 생각을 미리하지 못했어서 더 오래 걸렸던 것 같다! ContextAPI에 관한 공부는 이전에 했으므로 링크달아둠! https://yexjinitlog.tistory.com/56 [React] Study #21 | Context API를 사용한 전역 값 관리 이전 #20 까지 공부했던 챕터에서 까지, 특정 함수를 특정 컴포넌트를 거쳐서 원하는 컴포넌트에게 전달해주었다. 컴포넌트 한개 정도를 거쳐서 전달하는 것은 사실 큰 불편함은 없지만, 만약 3~4 yexjinitlog.tistory.com 구현하기에 앞서,, 구현할 모달창을 확인해 보자 이전 포스팅에서 이런 Carousel Slider을 구현..